/* CAPTURE 369 - Editorial hero v2. Styles isolated to c369e-. */
.c369e-visual{--e-gold:#dcb675;--e-paper:#f2ede4;--e-ease:cubic-bezier(.19,1,.22,1);--look-x:0px;--look-y:0px;--tilt-x:0deg;--tilt-y:0deg;position:relative;min-width:0;width:100%;color:var(--e-paper);isolation:isolate}
.c369e-visual button{font-family:Arial,Helvetica,sans-serif;cursor:pointer}
.c369e-visual button:focus-visible,.c369e-visual:focus-visible{outline:2px solid var(--e-gold);outline-offset:5px}
.c369e-stage{height:530px;position:relative;perspective:1400px;touch-action:pan-y}
.c369e-stage:before{content:'';position:absolute;inset:20px 0 -20px -20px;background:radial-gradient(ellipse at 60% 50%,#b27e2d12,transparent 68%);z-index:-1;pointer-events:none}
.c369e-stage-rule{position:absolute;left:0;top:0;bottom:40px;width:1px;background:linear-gradient(#dcb67580,#dcb67508 40%,transparent);pointer-events:none}
.c369e-stage-rule>span{position:absolute;left:13px;top:-3px;font-size:7px;letter-spacing:.18em;color:#bca985;white-space:nowrap}
.c369e-primary{position:absolute;top:32px;right:0;width:92%;height:430px;transform:translate3d(var(--look-x),var(--look-y),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-origin:50% 50%;transition:transform 1.2s var(--e-ease);box-shadow:0 35px 55px #0005;border-radius:2px;isolation:isolate}
.c369e-art{height:100%;width:100%;position:relative;overflow:hidden;border-radius:2px;background:#211d17}
.c369e-photo{position:absolute;inset:0;margin:0;opacity:0;transform:translateX(20px) scale(1.015);transition:opacity 1.05s ease,transform 1.6s var(--e-ease);pointer-events:none}
.c369e-photo[data-state='active']{opacity:1;transform:translateX(0) scale(1);z-index:2}
.c369e-photo[data-state='departing']{transform:translateX(-14px) scale(1.015);z-index:1}
.c369e-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block;transform:scale(1.035);transition:transform 7s linear}
.c369e-photo[data-state='active'] img{transform:scale(1)}
.c369e-photo[data-category='Bautizos'] img{object-position:50% 38%}
.c369e-photo[data-category='Corporativo'] img{object-position:48% 30%}
.c369e-image-caption{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:space-between;gap:15px;padding:58px 25px 24px;background:linear-gradient(transparent,#0009);z-index:3;pointer-events:none}
.c369e-image-caption small{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#ead9bd;margin-bottom:11px}
.c369e-image-caption strong{display:block;font:400 27px Georgia,serif;letter-spacing:-.02em;line-height:1.18;color:white}
.c369e-index{font:400 19px Georgia,serif;color:#ead5b5;align-self:end;padding-bottom:3px}
.c369e-focus{position:absolute;inset:16px;z-index:4;opacity:0;pointer-events:none}
.c369e-focus span{position:absolute;width:20px;height:20px;border-color:#e3c187;border-style:solid;border-width:0}
.c369e-focus span:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}
.c369e-focus span:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}
.c369e-focus span:nth-child(3){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.c369e-focus span:nth-child(4){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.c369e-visual.is-focusing .c369e-focus{animation:c369e-focus 1.1s ease-out}
.c369e-expand{position:absolute;right:14px;top:14px;border:1px solid #ffffff50;background:#0b0b0d40;backdrop-filter:blur(5px);color:white;border-radius:50%;height:44px;width:44px;font-size:21px;z-index:5;transition:background .2s}
.c369e-expand:hover{background:#0b0b0d88}
.c369e-next-preview{position:absolute;left:-16px;bottom:17px;width:185px;height:143px;z-index:6;padding:0;border:0;background:#211d17;box-shadow:0 20px 40px #0007;transform:translate3d(calc(var(--look-x) * -1),calc(var(--look-y) * -1),35px) rotate(-3.5deg);transition:transform 1.2s var(--e-ease);border-radius:2px;overflow:hidden;text-align:left}
.c369e-next-preview>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 42%;opacity:.85;transition:opacity .3s}
.c369e-next-preview:hover>img{opacity:1}
.c369e-next-preview>span{position:absolute;inset:auto 0 0;padding:26px 13px 12px;background:linear-gradient(transparent,#000b);color:white}
.c369e-next-preview small{display:block;font-size:6px;letter-spacing:.15em;margin-bottom:6px;color:#e6d6bc}
.c369e-next-preview strong{font:400 15px Georgia,serif;letter-spacing:0}
.c369e-next-preview>span>span{position:absolute;right:12px;bottom:12px;color:#e6c78e;font-size:16px}
.c369e-side-note{position:absolute;bottom:16px;right:1px;font-size:7px;letter-spacing:.15em;color:#b4a48c}
.c369e-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:54px;padding-left:8%;margin-top:10px}
.c369e-pager{display:flex;gap:0;align-items:center}
.c369e-pager>button{display:grid;place-items:center;padding:0 6px;width:41px;height:44px;border:0;background:none}
.c369e-pager>button>span{width:100%;height:1px;background:#ffffff3c;transition:height .2s,background .2s}
.c369e-pager>button[aria-pressed='true']>span{height:2px;background:var(--e-gold)}
.c369e-transport{display:flex;align-items:center;gap:4px}
.c369e-transport>button{height:44px;min-width:44px;border:0;background:transparent;color:#d8cbb5;font-size:19px;padding:6px 10px}
.c369e-transport>button.c369e-play{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;min-width:73px;padding-inline:4px}
.c369e-play-icon{font-size:13px;width:12px;display:inline-block}
.c369e-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-left:8%;margin-top:0}
.c369e-open{font-size:10px;color:#dbbd88;border:0;border-bottom:1px solid #dcb67540;background:none;min-height:44px;padding:8px 0}
.c369e-open>span{margin-left:10px}
.c369e-bottom>span{font-size:6px;letter-spacing:.15em;color:#a49a89}
.c369e-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.c369e-visual.is-initial .c369e-primary{transform:translate3d(10px,22px,0) scale(.94)}
.c369e-visual.is-initial .c369e-next-preview{transform:translate3d(-15px,35px,0) rotate(-6deg) scale(.88)}
.c369e-dialog{position:fixed;width:min(1140px,94vw);max-width:94vw;height:auto;max-height:94dvh;overflow:auto;border:1px solid #c9aa7040;border-radius:2px;background:#0d0d0f;color:var(--e-paper);padding:20px 26px;box-shadow:0 20px 80px #0009}
.c369e-dialog::backdrop{background:#060607ef;backdrop-filter:blur(10px)}
.c369e-dialog-content{display:flex;flex-direction:column;gap:15px}
.c369e-dialog-header,.c369e-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px}
.c369e-dialog-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#d8bd90}
.c369e-close{display:flex;align-items:center;gap:16px;min-height:44px;padding:5px 0 5px 14px;border:0;background:transparent;color:#ddd1bd;font-size:11px}
.c369e-close>span{font-size:27px;font-weight:200}
.c369e-full-image{display:block;max-width:100%;width:100%;height:calc(88dvh - 160px);min-height:180px;object-fit:contain}
.c369e-dialog-footer>button{width:48px;height:44px;background:transparent;border:1px solid #ffffff30;color:#dfc393;font-size:22px}
.c369e-dialog-caption{font:400 21px Georgia,serif;text-align:center}
.c369e-dialog:not([open]){display:none}
@keyframes c369e-focus{0%{opacity:0;transform:scale(1.025)}22%{opacity:.8}100%{opacity:0;transform:scale(1)}}
@media(min-width:1400px){.c369e-stage{height:555px}
.c369e-primary{height:455px}
.c369e-next-preview{width:200px;height:151px}}
@media(max-width:1050px){.c369e-stage{height:470px}
.c369e-primary{height:370px;top:34px;width:94%}
.c369e-next-preview{width:160px;height:126px;left:-12px;bottom:13px}
.c369e-image-caption{padding:50px 18px 19px}
.c369e-image-caption strong{font-size:23px}
.c369e-side-note{font-size:6px}
.c369e-pager>button{width:33px;padding-inline:5px}
.c369e-controls{padding-left:5%;gap:8px}
.c369e-bottom{padding-left:5%}
.c369e-bottom>span{font-size:5px}
.c369e-transport>button{min-width:38px;padding-inline:6px}
.c369e-transport>button.c369e-play{min-width:62px;font-size:8px}
.c369e-stage-rule>span{font-size:6px;letter-spacing:.12em}}
@media(max-width:760px){.c369e-visual{margin-inline:auto;width:min(100%,490px)}
.c369e-stage{height:416px}
.c369e-primary{height:322px;top:25px;width:95%;right:-2px}
.c369e-stage-rule{bottom:27px}
.c369e-stage-rule>span{font-size:5px;letter-spacing:.15em;top:-2px;left:8px}
.c369e-next-preview{width:144px;height:109px;left:-8px;bottom:16px;transform:rotate(-3deg)}
.c369e-next-preview>span{padding:23px 11px 10px}
.c369e-next-preview strong{font-size:14px}
.c369e-next-preview small{font-size:5px;margin-bottom:5px}
.c369e-next-preview>span>span{font-size:15px;right:10px;bottom:9px}
.c369e-side-note{font-size:5px;letter-spacing:.1em;bottom:13px;right:0;max-width:45%;line-height:1.7;text-align:right}
.c369e-image-caption{padding:52px 18px 19px}
.c369e-image-caption strong{font-size:23px}
.c369e-image-caption small{font-size:8px;letter-spacing:.12em;margin-bottom:8px}
.c369e-index{font-size:18px}
.c369e-expand{height:40px;width:40px;font-size:19px;top:10px;right:10px}
.c369e-focus{inset:11px}
.c369e-focus span{width:15px;height:15px}
.c369e-controls{padding-left:3%;margin-top:0;gap:8px;min-height:50px}
.c369e-pager>button{width:33px;height:44px;padding-inline:4px}
.c369e-transport{gap:0}
.c369e-transport>button{min-width:38px;font-size:18px;padding-inline:5px}
.c369e-transport>button.c369e-play{font-size:8px;gap:4px;min-width:65px}
.c369e-bottom{padding-left:4%;gap:8px}
.c369e-open{font-size:9px}
.c369e-bottom>span{font-size:5px;letter-spacing:.1em}
.c369e-dialog{width:96vw;max-width:96vw;max-height:96dvh;padding:12px 15px}
.c369e-dialog-content{gap:10px}
.c369e-dialog-label{font-size:8px;letter-spacing:.08em}
.c369e-close{font-size:10px;gap:12px}
.c369e-full-image{height:calc(90dvh - 150px)}
.c369e-dialog-caption{font-size:17px}
.c369e-dialog-footer{gap:12px}}
@media(max-width:370px){.c369e-stage{height:380px}
.c369e-primary{height:290px}
.c369e-next-preview{width:128px;height:100px;left:-6px;bottom:12px}
.c369e-image-caption strong{font-size:21px}
.c369e-pager>button{width:29px}
.c369e-controls{gap:3px;padding-left:0}
.c369e-transport>button{min-width:36px}
.c369e-transport>button.c369e-play{min-width:59px}
.c369e-bottom>span{display:none}
.c369e-side-note{font-size:4px;max-width:43%;bottom:13px}
.c369e-next-preview strong{font-size:12px}
.c369e-next-preview small{font-size:4px}}
.c369e-photo img{transform:none;transition:none}
.c369e-visual[data-playing] .c369e-photo[data-state='active'] img{animation:c369e-drift 6.8s linear both}
.c369e-visual[data-playing='false'] .c369e-photo[data-state='active'] img{animation-play-state:paused}
.c369e-visual.is-focusing .c369e-image-caption{animation:c369e-caption .7s var(--e-ease)}
@keyframes c369e-drift{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes c369e-caption{from{opacity:.2;translate:0 5px}to{opacity:1;translate:0 0}}
.c369e-image-caption{bottom:-65px;padding:0 9px 0 150px;background:none}
.c369e-image-caption strong{font-size:23px}
.c369e-image-caption small{font-size:9px;margin-bottom:9px}
.c369e-side-note{display:none}
@media(max-width:1050px) and (min-width:761px){.c369e-stage{height:495px}
.c369e-image-caption{padding-left:132px;bottom:-80px}
.c369e-image-caption strong{font-size:20px}
.c369e-next-preview{bottom:20px}}
@media(max-width:760px){.c369e-stage{height:445px}
.c369e-image-caption{padding-left:137px;padding-right:0;bottom:-79px;gap:5px}
.c369e-image-caption strong{font-size:18px;line-height:1.25}
.c369e-image-caption small{font-size:9px;margin-bottom:7px}
.c369e-index{font-size:14px}
.c369e-next-preview{bottom:17px}
.c369e-image-caption>span:first-child{max-width:calc(100% - 20px)}}
@media(max-width:370px){.c369e-stage{height:412px}
.c369e-image-caption{padding-left:122px;bottom:-84px}
.c369e-image-caption strong{font-size:17px}
.c369e-image-caption small{font-size:8px}
.c369e-index{font-size:13px}
.c369e-next-preview{bottom:16px}}
.c369e-visual{--e-shape:20% 9% 23% 9% / 24% 16% 24% 17%;--e-teaser-shape:16% 7% 16% 7% / 21% 12% 21% 12%}
.c369e-primary{border-radius:var(--e-shape);box-shadow:0 40px 65px -27px #000c,0 14px 30px -16px #000a;transform:translate3d(var(--look-x),var(--look-y),18px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.c369e-art{border-radius:inherit}
.c369e-primary:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;border:1px solid #ffffff19;box-shadow:inset 0 1px 0 #ffffff35,inset 1px 0 0 #ffffff12}
.c369e-next-preview{border-radius:var(--e-teaser-shape);box-shadow:0 22px 40px -14px #000b,0 7px 20px -10px #0009}
.c369e-next-preview:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff21;box-shadow:inset 0 1px 0 #ffffff30;pointer-events:none}
.c369e-expand{top:26px;right:26px}
.c369e-focus{inset:calc(50% - 34px) calc(50% - 45px)}
.c369e-dialog{border-radius:18px}
.c369e-full-image{border-radius:8px}
@media(max-width:760px){.c369e-expand{top:20px;right:20px}
.c369e-primary{box-shadow:0 27px 44px -22px #000c,0 10px 24px -16px #000a}}
::view-transition-group(c369e-photo-view){animation-duration:.65s;animation-timing-function:cubic-bezier(.19,1,.22,1)}
::view-transition-old(c369e-photo-view),::view-transition-new(c369e-photo-view){mix-blend-mode:normal;object-fit:contain}
@media(prefers-reduced-motion:reduce){.c369e-primary,.c369e-visual.is-initial .c369e-primary{transform:none!important}
.c369e-next-preview,.c369e-visual.is-initial .c369e-next-preview{transform:none!important}
.c369e-photo,.c369e-photo img{transform:none!important}}
@media(prefers-reduced-motion:reduce){.c369e-visual *,.c369e-visual *:before,.c369e-visual *:after{animation:none!important;transition:none!important}}
