.caso2-frase{ min-height:0; padding-top:clamp(120px,18vh,220px); padding-bottom:clamp(120px,18vh,220px); }
.caso2-frase .section__inner{ max-width:var(--container); display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:clamp(30px,5vw,90px); }
.caso2-bola{ position:relative; justify-self:center; width:min(100%,520px); aspect-ratio:1; cursor:pointer; }
.caso2-bola__giro{ position:relative; z-index:1; display:block; }
.caso2-bola__img{ position:relative; display:block; width:100%; height:auto; user-select:none; -webkit-user-drag:none;
  filter:drop-shadow(0 30px 40px rgba(90,60,0,.28)); }
.caso2-bola__sombra{ position:absolute; left:14%; right:14%; bottom:-7%; height:9%; border-radius:50%;
  background:radial-gradient(closest-side, rgba(70,45,0,.35), transparent); }
.caso2-frase__texto{ margin:0; max-width:18ch; font-size:clamp(2.6rem,6.2vw,6.6rem); font-weight:800; line-height:1; letter-spacing:-.04em; text-wrap:balance; }
.caso2-frase__texto .accent{ font-weight:300; }
.caso2-frase__palabra{ display:inline-block; opacity:.16; transition:opacity .25s linear; }

.caso2-pasar-seccion{ min-height:0; padding-top:clamp(80px,12vh,150px); padding-bottom:clamp(80px,12vh,150px); }
.caso2-pasar{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:clamp(36px,5vw,90px);
  padding:0; }
.caso2-pasar__enlace{ display:inline-flex; align-items:center; gap:clamp(14px,1.6vw,24px); min-width:0; color:inherit; text-decoration:none;
  font-size:clamp(1.4rem,2.8vw,2.8rem); font-weight:800; letter-spacing:-.035em; line-height:1; }
.caso2-pasar__enlace--ant{ justify-self:end; }
.caso2-pasar__enlace--sig{ justify-self:start; }
.caso2-pasar__texto{ flex:none; white-space:nowrap; transition:transform .5s var(--ease-out); }
.caso2-pasar__flecha{ position:relative; flex:none; width:clamp(34px,3.2vw,52px); height:2px; background:currentColor; border-radius:2px;
  transform-origin:var(--origen, left) center; transition:transform .5s var(--ease-out); }
.caso2-pasar__enlace--ant .caso2-pasar__flecha{ --origen:right; }
.caso2-pasar__flecha::after{ content:''; position:absolute; top:50%; width:12px; height:12px; border-top:2.5px solid currentColor; border-right:2.5px solid currentColor; }
.caso2-pasar__enlace--ant .caso2-pasar__flecha::after{ left:0; transform:translate(1px,-50%) rotate(-135deg); }
.caso2-pasar__enlace--sig .caso2-pasar__flecha::after{ right:0; transform:translate(-1px,-50%) rotate(45deg); }
.caso2-pasar__enlace--ant:hover .caso2-pasar__flecha{ transform:translateX(-10px); }
.caso2-pasar__enlace--sig:hover .caso2-pasar__flecha{ transform:translateX(10px); }
.caso2-pasar__enlace:focus-visible{ outline:2px solid var(--fg); outline-offset:6px; border-radius:6px; }
.caso2-pasar__volver{ position:relative; display:grid; place-items:center; width:clamp(104px,9vw,132px); aspect-ratio:1; border-radius:50%;
  color:inherit; text-decoration:none; transition:transform .5s var(--ease-out); }
.caso2-pasar__anillo{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; animation:caso2-gira 18s linear infinite; }
.caso2-pasar__anillo text{ fill:currentColor; font-size:8.6px; font-weight:800; }
.caso2-pasar__centro{ display:grid; place-items:center; width:58%; aspect-ratio:1; border-radius:50%; background:var(--fg); color:var(--bg);
  font-size:.82rem; font-weight:800; transition:background .3s var(--ease-out), color .3s var(--ease-out), transform .5s var(--ease-out); }
.caso2-pasar__volver:hover .caso2-pasar__centro,
.caso2-pasar__volver:focus-visible .caso2-pasar__centro{ background:#F1B434; color:#252525; transform:scale(1.08); }
.caso2-pasar__volver:hover .caso2-pasar__anillo{ animation-duration:6s; }
.caso2-pasar__volver:focus-visible{ outline:2px solid var(--fg); outline-offset:4px; }
@keyframes caso2-gira{ to{ transform:rotate(360deg); } }

@media (max-width:900px){
  .caso2-frase .section__inner{ grid-template-columns:1fr; }
  .caso2-bola{ width:min(70%,320px); }
}
@media (max-width:760px){
  .caso2-pasar{ grid-template-columns:1fr; row-gap:22px; }
  .caso2-pasar__volver{ grid-row:1; justify-self:center; margin-bottom:6px; }
  .caso2-pasar__enlace--ant, .caso2-pasar__enlace--sig{ justify-self:center; }
  .caso2-pasar__enlace{ font-size:20px; }
}
@media (prefers-reduced-motion: reduce){
  .caso2-frase__palabra{ opacity:1; }
  .caso2-pasar__anillo{ animation:none; }
}

body[data-caso="alcanada"] main#smooth-wrapper #smooth-content .caso2-frase__texto{ font-size:clamp(2.6rem,6.2vw,6.6rem) !important; line-height:1 !important; }
body[data-caso="alcanada"] .caso2-frase{ background:#F1B434; color:#252525; --fg:#252525; }
body[data-caso="alcanada"] .pie{ --bg:#FFFFFF; --fg:#252525; --accent:#B8871F; --border:rgba(37,37,37,.1); --border-strong:rgba(37,37,37,.26); }
@media (max-width:640px){
  body[data-caso="alcanada"] main#smooth-wrapper #smooth-content .caso2-frase__texto{ font-size:38px !important; }
}
body[data-caso="alcanada"] .caso2-pasar-seccion{ background:#FFFFFF; color:#252525; --bg:#FFFFFF; --fg:#252525; --border-strong:rgba(37,37,37,.26); }
@media (max-width:760px){
  .caso2-pasar__enlace{ gap:10px; }
}
