/* 0.9.2: banner rotativo de la portada. Cada diapositiva es un grupo de bloques editable (imagen + textos + botones). */
.cvtv-hero-slider { position:relative; isolation:isolate; overflow:hidden; background:#101012; color:#fff; min-height:clamp(560px,52vw,800px); }
.cvtv-hero-slider > .cvtv-slide { position:absolute; inset:0; z-index:1; display:flex; align-items:center; margin:0; opacity:0; visibility:hidden; transition:opacity .9s ease, visibility 0s linear .9s; }
.cvtv-hero-slider > .cvtv-slide.is-active { z-index:2; opacity:1; visibility:visible; transition:opacity .9s ease, visibility 0s; }
/* Sin JavaScript solo se ve la primera diapositiva (la que trae is-active). */

.cvtv-slide .cvtv-slide-bg { position:absolute; inset:0; z-index:0; margin:0; max-width:none; }
.cvtv-slide .cvtv-slide-bg img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:72% 30%; transform:scale(1.03); transition:transform 9s cubic-bezier(.2,.6,.2,1); }
.cvtv-slide.is-active .cvtv-slide-bg img { transform:scale(1.12); }
.cvtv-slide::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(4,5,5,.94) 0%,rgba(4,5,5,.72) 34%,rgba(4,5,5,0) 68%), linear-gradient(0deg,rgba(4,5,5,.6) 0%,rgba(4,5,5,0) 32%); pointer-events:none; }

.cvtv-slide .cvtv-slide-copy { position:relative; z-index:3; width:100%; max-width:1600px; margin:0 auto; padding:clamp(56px,7vw,110px) var(--pad) clamp(96px,10vw,132px); }
.cvtv-slide .cvtv-slide-copy > * { max-width:min(100%,640px); margin-left:0; margin-right:auto; }
.cvtv-slide .cvtv-slide-copy h1, .cvtv-slide .cvtv-slide-copy h2 { margin:0 0 22px; font-family:var(--display); font-weight:800; font-size:clamp(52px,7vw,112px); line-height:.92; letter-spacing:-.025em; text-transform:uppercase; color:#fff; }
.cvtv-slide .cvtv-slide-copy h1 span, .cvtv-slide .cvtv-slide-copy h2 span { display:block; color:#e8403c; }
.cvtv-slide .cvtv-slide-copy p { margin:0 0 6px; color:#e4e4e7; font-size:clamp(15px,1.4vw,19px); line-height:1.7; }
.cvtv-slide .cvtv-slide-copy .wp-block-buttons { display:flex; flex-wrap:wrap; gap:16px; margin-top:26px; }

/* Los textos de la diapositiva activa entran uno tras otro. */
@keyframes cvtv-slide-rise { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }
.cvtv-hero-slider.is-ready .cvtv-slide.is-active .cvtv-slide-copy > * { animation:cvtv-slide-rise .85s cubic-bezier(.2,.7,.2,1) both; }
.cvtv-hero-slider.is-ready .cvtv-slide.is-active .cvtv-slide-copy > *:nth-child(2) { animation-delay:.14s; }
.cvtv-hero-slider.is-ready .cvtv-slide.is-active .cvtv-slide-copy > *:nth-child(3) { animation-delay:.28s; }
.cvtv-hero-slider.is-ready .cvtv-slide.is-active .cvtv-slide-copy > *:nth-child(4) { animation-delay:.42s; }

/* Controles */
.cvtv-slider-ui { position:absolute; left:0; right:0; bottom:0; z-index:6; display:flex; align-items:center; gap:14px; padding:18px var(--pad) 22px; }
.cvtv-slider-progress { position:absolute; left:0; right:0; top:0; height:3px; background:#ffffff26; overflow:hidden; }
.cvtv-slider-progress span { display:block; width:100%; height:100%; background:#e8403c; transform-origin:0 50%; transform:scaleX(0); }
.cvtv-hero-slider.is-playing .cvtv-slider-progress span { animation:cvtv-slider-progress var(--cvtv-slide-time,6.5s) linear forwards; }
.cvtv-hero-slider.is-hovered .cvtv-slider-progress span { animation-play-state:paused; }
@keyframes cvtv-slider-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.cvtv-slider-btn { display:inline-grid; place-items:center; width:48px; height:48px; padding:0; border:1px solid #ffffff66; border-radius:50%; background:#04050588; color:#fff; font:800 22px/1 var(--body); cursor:pointer; backdrop-filter:blur(6px); transition:background-color .2s,border-color .2s,transform .2s; }
.cvtv-slider-btn:hover { background:#e8403c; border-color:#e8403c; transform:translateY(-2px); }
.cvtv-slider-dots { display:flex; align-items:center; gap:10px; margin:0 auto 0 8px; }
.cvtv-slider-dot { width:14px; height:14px; padding:0; border:0; border-radius:100px; background:#ffffff66; cursor:pointer; transition:width .3s ease,background-color .2s; }
.cvtv-slider-dot::after { content:''; position:absolute; inset:-15px -6px; }
.cvtv-slider-dot { position:relative; }
.cvtv-slider-dot:hover { background:#fff; }
.cvtv-slider-dot[aria-current="true"] { width:38px; background:#e8403c; }
.cvtv-slider-count { font:800 13px var(--body); letter-spacing:.06em; color:#ffffffcc; }
.cvtv-slider-ui .cvtv-slider-pause { font-size:15px; }

/* Móvil: el texto va abajo sobre un degradado, la persona queda visible arriba. */
@media(max-width:760px) {
  .cvtv-hero-slider { min-height:clamp(680px,172vw,820px); }
  .cvtv-hero-slider > .cvtv-slide { align-items:flex-end; }
  .cvtv-slide::before { background:linear-gradient(0deg,rgba(4,5,5,.96) 0%,rgba(4,5,5,.78) 46%,rgba(4,5,5,0) 82%); }
  .cvtv-slide .cvtv-slide-bg img { object-position:74% 20%; }
  .cvtv-slide .cvtv-slide-copy { padding-bottom:104px; }
  .cvtv-slide .cvtv-slide-copy h1, .cvtv-slide .cvtv-slide-copy h2 { font-size:clamp(46px,13vw,76px); }
  .cvtv-slide .cvtv-slide-copy p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .cvtv-slider-btn { width:44px; height:44px; }
}

@media(prefers-reduced-motion:reduce) {
  .cvtv-hero-slider > .cvtv-slide, .cvtv-hero-slider > .cvtv-slide.is-active { transition:none; }
  .cvtv-slide .cvtv-slide-bg img, .cvtv-slide.is-active .cvtv-slide-bg img { transform:none; transition:none; }
  .cvtv-hero-slider.is-ready .cvtv-slide.is-active .cvtv-slide-copy > * { animation:none; }
  .cvtv-hero-slider.is-playing .cvtv-slider-progress span { animation:none; }
}

/* Diapositiva de campaña: arte completo con el texto incorporado; sin degradado ni titulares encima.
   Lleva una imagen para escritorio y otra vertical para móvil; el botón enlaza toda la diapositiva. */
.cvtv-slide .cvtv-bg-mobile { display:none; }
.cvtv-slide.is-campaign { align-items:flex-end; background:#0b0b0d; }
.cvtv-slide.is-campaign::before { display:none; }
/* Se muestra el arte completo, sin recortar (el logo y el título quedan siempre a la vista). */
.cvtv-slide.is-campaign .cvtv-slide-bg img { object-fit:contain; object-position:center; }
/* Sin zoom: el arte lleva texto incorporado y no debe moverse mientras se lee. */
.cvtv-slide.is-campaign .cvtv-slide-bg img, .cvtv-slide.is-campaign.is-active .cvtv-slide-bg img { transform:none; transition:none; }
.cvtv-slide.is-campaign .cvtv-slide-copy { position:static; display:flex; justify-content:flex-end; padding:0 var(--pad) 92px; }
.cvtv-slide.is-campaign .cvtv-slide-copy > * { margin:0; }
.cvtv-slide.is-campaign .wp-block-button__link { transform:none !important; box-shadow:none !important; }
.cvtv-slide.is-campaign .wp-block-button__link::after { content:''; position:absolute; inset:0; z-index:5; }
.cvtv-slide.is-campaign .wp-block-button__link:focus-visible::after { outline:3px solid #fff; outline-offset:-8px; }
@media(max-width:760px) {
  .cvtv-slide .cvtv-bg-desktop { display:none; }
  .cvtv-slide .cvtv-bg-mobile { display:block; }
  .cvtv-slide.is-campaign .cvtv-slide-bg img { object-fit:contain; object-position:center 42%; }
  .cvtv-slide.is-campaign .cvtv-slide-copy { justify-content:center; padding-bottom:86px; }
}