/* Photo 02: preserve the complete photograph and restore the master's overlay layout. */
#portada.hero{margin:54px 0 0!important;padding:0!important;height:calc(100svh - 54px)!important;min-height:650px!important;max-height:1100px!important;overflow:hidden!important;isolation:isolate;background:#19231b!important}
#portada.hero::before{content:"";position:absolute;inset:-20px;z-index:-1;background:url('assets/emerald/ORDEN-DE-FOTOS-CAMPAN-A/S1-LOOK-2.webp') left top/auto 360% no-repeat;filter:blur(8px) brightness(.48);transform:scale(1.04)}
#portada.hero .heroPhoto{position:absolute!important;inset:0 4vw 0 auto!important;width:auto!important;height:100%!important;max-width:64%!important;max-height:none!important;aspect-ratio:2/3!important;object-fit:contain!important;object-position:center!important;background:transparent!important;transform:none!important;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 100%)!important}
#portada.hero .heroShade{display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(9,17,11,.65),rgba(9,17,11,.25) 37%,transparent 60%)!important;pointer-events:none}
#portada.hero .heroCopy{position:absolute!important;inset:0 auto 0 6vw!important;width:39%!important;max-width:620px!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;text-align:left!important;z-index:2!important}
#portada.hero .heroBrand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important;margin:0 0 38px!important;position:static!important}
#portada.hero .heroBrand img{width:190px!important;max-width:100%!important;height:auto!important;position:static!important}
#portada.hero .heroBrand span{font-size:9px!important;letter-spacing:.22em!important;margin:0!important}
#portada.hero .heroCopy h1{font-size:clamp(45px,5.9vw,92px)!important;line-height:1.05!important;letter-spacing:-.025em!important;margin:0 0 27px!important}
#portada.hero .heroCopy h2{font-size:clamp(10px,1.05vw,14px)!important;letter-spacing:.20em!important;margin:0!important}
#portada.hero .scrollCue{bottom:24px!important;z-index:3!important}
@media(max-width:720px){
 #portada.hero{height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;background:#19231b!important}
 #portada.hero::before{display:none!important}
 #portada.hero .heroPhoto{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:2/3!important;display:block!important;object-fit:contain!important;mask-image:none!important;-webkit-mask-image:none!important}
 #portada.hero .heroShade{background:linear-gradient(180deg,rgba(8,15,10,.80),rgba(8,15,10,.45) 22%,transparent 43%)!important}
 #portada.hero .heroCopy{inset:25px 7vw auto!important;width:auto!important;max-width:none!important;padding:0!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}
 #portada.hero .heroBrand{gap:10px!important;margin:0 0 16px!important}
 #portada.hero .heroBrand img{width:130px!important}
 #portada.hero .heroBrand span{font-size:8px!important;letter-spacing:.17em!important}
 #portada.hero .heroCopy h1{font-size:clamp(31px,9.8vw,54px)!important;line-height:1.02!important;margin:0 0 12px!important;letter-spacing:-.015em!important}
 #portada.hero .heroCopy h2{font-size:8px!important;letter-spacing:.14em!important}
 #portada.hero .scrollCue{display:none!important}
}