/* Section 02 — expandable architectural panels. */
#enfoques{padding:70px clamp(12px,1.4vw,28px) 65px;max-width:none;width:100%}
#enfoques .folios-intro{margin:28px 0 30px;display:flex;align-items:end;justify-content:space-between;gap:30px}
#enfoques .folios-intro h2{font-size:clamp(32px,4vw,64px);line-height:1.08;letter-spacing:-.055em;margin:0}
#enfoques .folios-intro h2 br{display:none}#enfoques .folios-intro h2 em:before{content:' '}
#enfoques .folios-intro p{font-size:14px;line-height:1.6;margin:0;max-width:300px}
#enfoques .folio-index{display:none}
#enfoques .folios-grid{display:flex;gap:8px;height:clamp(620px,76vh,850px);grid-template-columns:none}
#enfoques .service-folio{position:relative;display:block;flex:1;min-width:0;padding:0;margin:0;border:0;overflow:hidden;background:#253029;color:white;transition:flex .75s cubic-bezier(.22,.8,.25,1);scroll-margin-top:110px}
#enfoques .service-folio.is-open{flex:7}
#enfoques .folio-figure{position:absolute;inset:0;margin:0;height:100%;width:100%;z-index:0}
#enfoques .folio-media{height:100%;aspect-ratio:auto;overflow:hidden}
#enfoques .folio-media img,#enfoques .folio-media video{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transform:scale(1.04);transition:filter .7s,transform 1s}
#enfoques .is-open .folio-media img,#enfoques .is-open .folio-media video{filter:none;transform:scale(1)}
#enfoques .folio-figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,20,15,.98),rgba(11,20,15,.72) 45%,transparent 90%);pointer-events:none}
#enfoques figcaption{position:absolute;top:22px;right:24px;bottom:auto;left:auto;max-width:210px;background:transparent;color:#fff;padding:0;z-index:1;opacity:0;font-size:11px;line-height:1.5;text-align:right}
#enfoques .is-open figcaption{opacity:1}
#enfoques .folio-heading{position:static;display:block;margin:0;padding:0}
#enfoques .folio-number{position:absolute;top:20px;left:22px;font-size:70px;line-height:1;color:transparent;-webkit-text-stroke:1px #f0eee5;transform:none;z-index:2}
#enfoques .folio-heading>div{position:absolute;left:30px;bottom:35px;z-index:2}
#enfoques .folio-heading h3{writing-mode:vertical-rl;transform:rotate(180deg);font-size:25px;line-height:1;letter-spacing:-.045em;color:#fff;margin:0}
#enfoques .folio-area{display:none}
#enfoques .folio-body{position:absolute;bottom:30px;left:32px;right:32px;z-index:2;padding:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s;max-width:750px}
#enfoques .is-open .folio-heading>div{display:none}
#enfoques .is-open .folio-body{opacity:1;visibility:visible;transform:none;transition:opacity .45s .35s,transform .6s .25s}
#enfoques .panel-area{font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;color:#ecebe3}
#enfoques .panel-title{font-size:clamp(40px,4.5vw,70px);line-height:1.05;letter-spacing:-.055em;color:#fff;margin:9px 0 16px;font-weight:600}
#enfoques .folio-body h4{font-size:clamp(20px,2vw,28px);line-height:1.2;color:#fff;margin:0 0 14px;max-width:none}
#enfoques .folio-description{font-size:16px;line-height:1.6;color:#f3f2eb;max-width:650px;margin:0 0 18px}
#enfoques .folio-services{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:0 0 18px;padding:0}
#enfoques .folio-services li{font-size:12px;line-height:1.5;border-top:1px solid #ffffff65;padding:8px 0 0;color:#fff}
#enfoques .folio-contact{font-size:13px;color:#fff;border-color:#ffffff70;margin:0;padding:8px 0}
.panel-trigger{position:absolute;inset:0;z-index:1;border:0;background:transparent;cursor:pointer;color:transparent}
.panel-trigger:focus-visible{outline:3px solid #f1763f;outline-offset:-5px}
#enfoques .is-open .panel-trigger{pointer-events:none}.panel-play{position:absolute;top:86px;right:24px;z-index:3;background:#18271bc9;border:1px solid #ffffff70;color:white;padding:9px 13px;font:inherit;font-size:11px;cursor:pointer;display:none}#enfoques .is-open .panel-play{display:block}
@media(max-width:800px){#enfoques{padding:45px 12px}#enfoques .folios-intro{display:block}#enfoques .folios-intro p{margin-top:18px}#enfoques .folios-grid{height:auto;flex-direction:column;gap:6px}#enfoques .service-folio{flex:none;height:68px;transition:height .6s}#enfoques .service-folio.is-open{flex:none;height:650px}#enfoques .folio-heading>div{left:75px;bottom:23px}#enfoques .folio-heading h3{writing-mode:horizontal-tb;transform:none;font-size:22px}#enfoques .folio-number{font-size:36px;top:16px;left:17px}#enfoques .folio-body{left:20px;right:20px;bottom:24px}#enfoques .folio-description{font-size:14px}#enfoques .folio-services{gap:8px;display:block}#enfoques .folio-services li{font-size:12px;padding:7px 0}#enfoques .panel-title{font-size:42px}#enfoques figcaption{font-size:10px;max-width:165px;right:15px}#enfoques .section-kicker .small-label{display:none}}
@media(prefers-reduced-motion:reduce){#enfoques *{transition:none!important}}