/* Diferenciación: recupera solamente los cinco contenidos de la web original.
   Lenguaje de página editorial, no las tarjetas de cristal de la versión anterior. */
#diferenciacion.gcb-difference{
  background:#f9f8f5;
  color:#292825;
  padding:clamp(54px,6vw,86px) 0 clamp(59px,6.5vw,90px);
  border-top:1px solid #eee9e2;
}
#diferenciacion .gcb-difference__heading{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);
  align-items:end;
  gap:clamp(24px,5vw,70px);
  margin-bottom:35px;
}
#diferenciacion .gcb-difference__heading h2{
  max-width:21ch;
  margin:15px 0 0;
  color:#292825;
  font:400 clamp(32px,3.4vw,48px)/1.24 var(--serif,Georgia,serif);
  letter-spacing:-.035em;
}
#diferenciacion .gcb-difference__heading h2 em{
  color:#8e6d47;
  font-weight:400;
  font-style:italic;
}
#diferenciacion .gcb-difference__heading>p{
  font:400 14px/1.78 var(--sans,Arial,sans-serif);
  margin:0 0 7px;
  max-width:32ch;
  color:#716d66;
}
#diferenciacion .gcb-difference__grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
#diferenciacion .gcb-difference__point{
  --accent:#ac824a;
  position:relative;
  grid-column:span 2;
  min-width:0;
  min-height:215px;
  padding:27px clamp(17px,2.5vw,32px) 30px;
  background:#fff;
  border:1px solid #e9e5de;
  transition:border-color .25s ease,background-color .25s ease,transform .28s cubic-bezier(.22,1,.36,1);
}
#diferenciacion .gcb-difference__point:nth-child(-n+2){
  grid-column:span 3;
  min-height:224px;
  padding-top:30px;
}
#diferenciacion .gcb-difference__point::before{
  content:"";
  position:absolute;
  top:-1px;left:-1px;
  width:48px;height:2px;
  background:var(--accent);
  transition:width .35s cubic-bezier(.22,1,.36,1);
}
#diferenciacion .gcb-difference__point:hover{
  border-color:#d7c7b0;
  background:#fffefd;
  transform:translateY(-3px);
}
#diferenciacion .gcb-difference__point:hover::before{
  width:clamp(68px,16%,110px);
}
#diferenciacion .gcb-difference__index{
  display:block;
  color:#a88657;
  font:400 29px/1 var(--serif,Georgia,serif);
  letter-spacing:-.05em;
  margin:0 0 20px;
}
#diferenciacion .gcb-difference__point h3{
  font:400 clamp(17px,1.65vw,21px)/1.4 var(--serif,Georgia,serif);
  letter-spacing:-.015em;
  margin:0 0 10px;
  color:#2d2b28;
  max-width:28ch;
}
#diferenciacion .gcb-difference__point p{
  font:400 13px/1.75 var(--sans,Arial,sans-serif);
  color:#69655f;
  max-width:51ch;
  margin:0;
}
@media(max-width:930px){
  #diferenciacion .gcb-difference__heading{
    grid-template-columns:1fr;
    gap:12px;
  }
  #diferenciacion .gcb-difference__heading h2{max-width:25ch}
  #diferenciacion .gcb-difference__heading>p{max-width:62ch}
}
@media(max-width:750px){
  #diferenciacion .gcb-difference__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #diferenciacion .gcb-difference__point,
  #diferenciacion .gcb-difference__point:nth-child(-n+2){
    grid-column:span 1;
    min-height:210px;
    padding:23px 20px 26px;
  }
  #diferenciacion .gcb-difference__point:last-child{grid-column:1/-1;min-height:auto}
}
@media(max-width:560px){
  #diferenciacion.gcb-difference{padding:51px 0 58px}
  #diferenciacion .gcb-difference__heading{margin-bottom:24px}
  #diferenciacion .gcb-difference__heading h2{font-size:32px}
  #diferenciacion .gcb-difference__grid{grid-template-columns:1fr;gap:10px}
  #diferenciacion .gcb-difference__point,
  #diferenciacion .gcb-difference__point:nth-child(-n+2),
  #diferenciacion .gcb-difference__point:last-child{
    grid-column:span 1;
    min-height:auto;
    padding:21px 23px 24px;
  }
  #diferenciacion .gcb-difference__index{font-size:26px;margin-bottom:14px}
  #diferenciacion .gcb-difference__point h3{font-size:19px}
  #diferenciacion .gcb-difference__point:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  #diferenciacion .gcb-difference__point,
  #diferenciacion .gcb-difference__point::before{transition:none;transform:none}
}