/* portada con video */
.portada--video { grid-template-columns: minmax(0, 1fr); align-content: end; align-items: end; gap: clamp(24px, 4vh, 44px); min-height: min(calc(100svh - 112px), 860px); color: #fff; overflow: hidden; isolation: isolate;
  padding: clamp(48px, 9vh, 112px) clamp(16px, 4vw, 56px) clamp(24px, 4vh, 40px); }
.portada__video, .pie__video { position: absolute; left: 0; width: 100%; object-fit: cover; z-index: -2; }
.portada__video { top: 0; height: 100%; }
.portada__velo { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 24, 6, .5) 0%, rgba(10, 24, 6, .3) 36%, rgba(10, 24, 6, .8) 100%), linear-gradient(90deg, rgba(10, 24, 6, .55), transparent 68%); }
.portada--video .portada__texto { max-width: 780px; }
.portada--video .rotulo { color: rgba(255, 255, 255, .88); }
.portada--video .portada__titulo { color: #fff; font-size: clamp(3.2rem, min(9vw, 14vh), 7.2rem); text-shadow: 0 2px 36px rgba(0, 0, 0, .25); }
.portada--video .portada__bajada { color: rgba(255, 255, 255, .92); }
.portada--video .portada__escena { display: none; }
.portada--video .boton--fuerte, .pie--video .boton--fuerte { background: #fff; color: var(--rojo-fuerte); }
.portada--video .boton--fuerte:hover, .pie--video .boton--fuerte:hover { background: var(--papel-2); }
.portada--video .boton--borde, .pie--video .boton--borde { border-color: #fff; color: #fff; }
.portada--video .boton--borde:hover, .pie--video .boton--borde:hover { background: #fff; color: var(--rojo-fuerte); }
.portada__datos { display: flex; flex-wrap: wrap; gap: 10px 12px; margin: 0; padding: 0; list-style: none; position: relative; z-index: 3; }
.portada__datos li { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; border-radius: 999px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .28);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: .95rem; color: #fff; }
.portada__datos svg { width: 17px; height: 17px; flex: none; }

/* pie con video en parallax */
.pie--video { position: relative; display: block; overflow: hidden; isolation: isolate; color: #fff; margin-top: clamp(48px, 7vw, 96px);
  padding: clamp(72px, 10vw, 140px) clamp(16px, 4vw, 56px) calc(32px + env(safe-area-inset-bottom)); }
.pie__video { top: -12%; height: 124%; will-change: transform; }
.pie__velo { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 24, 6, .72), rgba(10, 24, 6, .5) 42%, rgba(10, 24, 6, .9)); }
.pie__cuerpo { max-width: 1180px; margin: 0 auto; }
.pie__titulo { margin: 0; font: 400 clamp(2.6rem, 7vw, 5.6rem)/.98 var(--serif); letter-spacing: -.02em; color: #fff; }
.pie--video .pie__bajada { margin: 18px 0 28px; max-width: 30em; font-size: 1.15rem; color: rgba(255, 255, 255, .9); }
.pie__acciones { display: flex; flex-wrap: wrap; gap: 12px; }
.pie__grilla { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 32px 40px; margin-top: clamp(48px, 7vw, 88px); }
.pie__col h3 { margin: 0 0 10px; font: 600 1rem/1.2 var(--sans); color: rgba(255, 255, 255, .72); }
.pie--video .pie__col p, .pie--video .pie__col a { display: block; margin: 0 0 6px; color: #fff; font-size: 1rem; text-decoration: none; }
.pie--video .pie__col a:hover { text-decoration: underline; }
.pie__logo { width: auto; height: 56px; max-width: 100%; }
.pie--video .pie__lema { margin: 12px 0 0; font: 400 1.15rem/1.25 var(--serif); }
.pie__chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; }
.pie__chip { min-height: 44px; padding: 0 20px; border: 1.5px solid rgba(255, 255, 255, .65); border-radius: 999px; background: transparent; color: #fff; font-weight: 600; cursor: pointer; transition: background .2s var(--curva), color .2s var(--curva); }
.pie__chip:hover { background: #fff; color: var(--rojo-fuerte); }
.pie--video .pie__copia { margin: 36px 0 0; font-size: .9rem; color: rgba(255, 255, 255, .7); }
@media (max-width: 900px) { .pie__grilla { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .pie__grilla { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .pie--video { padding-bottom: calc(150px + env(safe-area-inset-bottom)); } }
@media (prefers-reduced-motion: reduce) { .pie__video { transform: none !important; } }