/* Altura compartida con Work, Mi Perfil y Contacto. */
.webs-intro--video { height: 450px; padding-top: 36px; padding-bottom: 36px; background: #4c4932; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.webs-intro__video { filter: grayscale(.7) sepia(.65) saturate(.75); }
.webs-intro--video::before { background: linear-gradient(90deg,rgba(42,39,26,.88),rgba(42,39,26,.68) 55%,rgba(42,39,26,.35)); }
.webs-intro--video .web-eyebrow { margin-bottom: 0; color: #eee4c8; }
.webs-intro--video h1 { font-size: clamp(42px,4.5vw,66px); margin: 15px 0 20px; }
.webs-intro--video h1 em { color: #d8cba8; }
.webs-intro--video > div { font-size: 14px; line-height: 1.7; margin-bottom: 18px; }
.webs-intro--video .web-note { color: #eee4c8; font-size: 10px!important; margin-top: 10px; }
.brand-hero { height: 450px; padding: 35px 0; display: flex; align-items: center; }
.brand-hero__video { opacity: .55; z-index: -2; }
.brand-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(5,31,18,.7),rgba(5,31,18,.25)); z-index: -1; }
.brand-hero__inner { gap: 55px; }
.brand-hero h1 { font-size: clamp(34px,3.2vw,46px); margin-bottom: 20px; }
.brand-hero .brand-eyebrow { margin-bottom: 18px; }
.brand-hero__text { font-size: 13px; line-height: 1.8; margin-bottom: 20px; }
.brand-hero .brand-board { min-height: 320px; max-width: 400px; width: 100%; justify-self: center; padding-block: 20px; }
.brand-hero .brand-board__logo { padding: 22px; gap: 20px; }
.brand-hero .brand-board__logo img { height: 120px; }
@media(max-width:650px) { .webs-intro--video { height: 450px; padding-block: 30px; } .webs-intro--video h1 { font-size: clamp(36px,9vw,45px); } .webs-intro--video > div { font-size: 13px; } .brand-hero { height: 450px; padding-block: 35px; } .brand-hero__inner { grid-template-columns: 1fr; gap: 0; } .brand-hero .brand-board { display: none; } .brand-hero h1 { font-size: clamp(34px,9vw,44px); } }

/* Nombre repetido de cada sección, igual que en el banner Work. */
.site-banner-labels { position: absolute; top: 25px; left: 0; width: 100%; max-width: none!important; margin: 0!important; display: flex; justify-content: space-around; align-items: center; gap: 18px; padding: 0 16px; z-index: 2; }
.site-banner-labels > span { font-family: 'Poppins',sans-serif; color: #f9f9f9; font-size: 24px; font-weight: 700; letter-spacing: 2px; line-height: 1.4; white-space: nowrap; text-transform: uppercase; text-shadow: 0 2px 6px #0006; }
.webs-intro--video { padding-top: 80px; padding-bottom: 25px; }
.brand-hero { padding-top: 75px; padding-bottom: 25px; }
@media(max-width:768px) { .site-banner-labels > span { font-size: 16px; } .site-banner-labels > span:nth-child(n+4) { display: none; } }
@media(max-width:650px) { .webs-intro--video { padding-top: 75px; padding-bottom: 25px; } .brand-hero { padding-top: 75px; padding-bottom: 25px; } }

.webs-intro__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(.7) sepia(.65) saturate(.75)}
.webs-intro__video{z-index:-1}.webs-intro--video::before{z-index:0}.webs-intro--video>:not(.webs-intro__video):not(.webs-intro__fallback):not(.site-banner-labels){position:relative;z-index:1}.webs-intro--video>.site-banner-labels{position:absolute}

/* Mostrar el respaldo hasta que el video realmente comience a reproducirse. */
.webs-intro__video{opacity:0}