/* Zángano V8 — interludio de Úbeda.
   Sin cambios en subpáginas, fichas, estilos de administración ni visor original.
   El scroll es nativo: no se intercepta rueda/touch, no hay snap ni duraciones forzadas. */
.cinematic-ubeda{
  position:relative;isolation:isolate;height:132svh;
  background:linear-gradient(180deg,#f5f5f1 0%,#e9eee7 100%);scroll-margin-top:0;
}
.cinematic-ubeda__stage{
  position:sticky;top:0;width:100%;height:100svh;
  overflow:hidden;display:flex;align-items:center;isolation:isolate;
  background:#020405;color:#f9faf8;
}
.has-cinema-scroll .cinematic-ubeda__stage{
  opacity:var(--cinematic-opacity,0);
  will-change:opacity;
}
.cinematic-ubeda__visual{
  position:absolute;inset:0 0 0 24%;z-index:0;
  overflow:hidden;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 91% 77% at 63% 49%,#000 51%,transparent 100%);
  mask-image:radial-gradient(ellipse 91% 77% at 63% 49%,#000 51%,transparent 100%);
}
.has-cinema-scroll .cinematic-ubeda__visual,
.has-cinema-scroll .cinematic-ubeda__content{opacity:var(--cinematic-video-opacity,0)}
.cinematic-ubeda__video{
  display:block;width:100%;height:100%;object-fit:cover;object-position:52% 48%;
  filter:brightness(.86) contrast(1.08) saturate(1.06);
  background:#090d0e;
}
.cinematic-ubeda__stage::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#020405 0%,#020405 10%,rgba(2,4,5,.97) 22%,rgba(2,4,5,.64) 36%,rgba(2,4,5,.07) 64%,rgba(2,4,5,.12) 100%),
             linear-gradient(0deg,rgba(0,0,0,.35),transparent 30%,transparent 72%,rgba(0,0,0,.12));
}
.cinematic-ubeda__content{position:relative;z-index:2;width:100%;pointer-events:none}
.cinematic-ubeda__text{max-width:340px;pointer-events:auto;padding:75px 0 24px}
.cinematic-ubeda__eyebrow{
  font-size:11px;line-height:1.4;text-transform:uppercase;
  letter-spacing:.18em;font-weight:700;color:#8bced4;margin:0 0 20px
}
.cinematic-ubeda__text h2{
  color:#fff;margin:0 0 19px;font-size:clamp(27px,2.5vw,39px);
  line-height:1.12;letter-spacing:-.035em;font-weight:650;
}
.cinematic-ubeda__text>p:not(.cinematic-ubeda__eyebrow){
  color:rgba(255,255,255,.75);font-size:clamp(14px,1vw,16px);
  line-height:1.65;max-width:330px;margin:0 0 24px
}
.cinematic-ubeda__link{
  display:inline-flex;align-items:center;gap:14px;text-decoration:none;
  background:#85ccda;color:#071d21!important;border-radius:40px;
  padding:12px 18px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;
}
.cinematic-ubeda__link:hover{background:#fff;transform:translateY(-2px)}
.cinematic-ubeda__link:focus-visible{outline:3px solid #fff;outline-offset:4px}
/* El bloque que continúa (tour interactivo) conserva su fondo y su presentación originales. */
.cinematic-ubeda + .tour-feature{position:relative;z-index:2}
/* La frase que el usuario ya había solicitado cambia SOLO en la fase ampliada.
   Tipografía contenida para una frase más larga, sin tocar el título de la portada. */
.opening-after-slogan{
  max-width:min(1090px,91vw)!important;
  font-size:clamp(24px,3.55vw,59px)!important;
  line-height:1.17!important;letter-spacing:-.043em!important
}
.opening-after-slogan span{font-weight:430}
@media(max-width:760px){
  .cinematic-ubeda{height:118svh}
  .cinematic-ubeda__visual{
    inset:0;
    -webkit-mask-image:radial-gradient(ellipse 90% 85% at 52% 36%,#000 42%,transparent 100%);
    mask-image:radial-gradient(ellipse 90% 85% at 52% 36%,#000 42%,transparent 100%);
  }
  .has-cinema-scroll .cinematic-ubeda__visual,
.has-cinema-scroll .cinematic-ubeda__content{opacity:var(--cinematic-video-opacity,0)}
.cinematic-ubeda__video{object-position:52% 37%;filter:brightness(.8) contrast(1.07)}
  .cinematic-ubeda__stage{align-items:flex-end}
  .cinematic-ubeda__stage::after{
    background:linear-gradient(0deg,#020405 0%,rgba(2,4,5,.96) 14%,rgba(2,4,5,.68) 41%,transparent 80%),
               linear-gradient(90deg,rgba(0,0,0,.28),transparent 70%);
  }
  .cinematic-ubeda__content{width:100%;padding-bottom:clamp(45px,9vh,110px)}
  .cinematic-ubeda__text{padding:0;max-width:460px}
  .cinematic-ubeda__text h2{font-size:clamp(25px,6.8vw,35px)}
  .cinematic-ubeda__text>p:not(.cinematic-ubeda__eyebrow){font-size:14px;line-height:1.55}
  .opening-after-slogan{font-size:clamp(20px,5.5vw,37px)!important;max-width:92vw!important}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-ubeda{height:auto;min-height:0}
  .cinematic-ubeda__stage{position:relative;top:auto;height:clamp(460px,75svh,740px);opacity:1!important;will-change:auto!important}
  .cinematic-ubeda__link{transition:none}
  .cinematic-ubeda__visual,.cinematic-ubeda__content{opacity:1!important}
}

/* V10: pista breve y clicable para mostrar que el tour está justo después. */
.cinematic-ubeda__continue{
  position:absolute;z-index:3;left:50%;bottom:clamp(20px,3.5vh,46px);
  transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:.65rem;
  padding:.65rem 1.05rem;border:1px solid rgba(255,255,255,.28);
  border-radius:999px;background:rgba(3,13,15,.48);color:#fff;
  font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  opacity:var(--cinematic-video-opacity,1);
  transition:background .2s ease,border-color .2s ease;
}
.cinematic-ubeda__continue:hover{background:rgba(3,13,15,.85);border-color:rgba(255,255,255,.75)}
.cinematic-ubeda__continue:focus-visible{outline:3px solid #85ccda;outline-offset:3px}
.cinematic-ubeda__continue-arrow{display:inline-block;animation:cinema-continue-bob 1.5s ease-in-out infinite}
@keyframes cinema-continue-bob{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media(max-width:760px){.cinematic-ubeda__continue{bottom:16px;padding:.6rem .85rem;font-size:11px}}
@media(prefers-reduced-motion:reduce){.cinematic-ubeda__continue-arrow{animation:none}}