:root{--paper:#fbf5eb;--cream:#f3e4d1;--sand:#e7ccb0;--green:#173b31;--soft:#59665e;--gold:#a57a38;--line:#173b3135;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--green);font-family:Arial,sans-serif}a{color:inherit}.c{width:min(calc(100% - 64px),var(--max));margin:auto}
.site-header{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:52px;height:62px;object-fit:contain}.brand strong{display:block;font:18px Georgia,serif;letter-spacing:.11em;font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:.12em}
nav{display:flex;gap:31px;font-size:13px}nav a{text-decoration:none}nav a[aria-current="page"]{color:var(--gold)}.tools{justify-self:end;font-size:13px}
.hero{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 78% 43%,#fff9,transparent 25%),linear-gradient(118deg,#fbf5eb,#f0dcc3 61%,#dfbd96)}

.hero-grid{position:relative;z-index:2;min-height:calc(100svh - 92px);display:grid;grid-template-columns:.92fr 1.08fr;gap:105px;align-items:center;padding:45px 0 80px}
.eye{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--gold)}.eye:before{content:"";width:48px;height:1px;background:var(--gold)}
h1{font:400 clamp(58px,6vw,96px)/.92 Georgia,serif;letter-spacing:-.045em;margin:22px 0 0}h2{font:400 clamp(42px,4.3vw,66px)/1.02 Georgia,serif;margin:15px 0;letter-spacing:-.025em}
.lead{font:italic clamp(28px,2.4vw,40px)/1.15 Georgia,serif;margin:22px 0 0}.intro,.copy{font:19px/1.65 Georgia,serif;color:var(--soft);max-width:680px}.intro{margin:31px 0 0}
.actions{display:flex;gap:17px;flex-wrap:wrap;margin-top:35px}.btn{min-height:54px;padding:0 22px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;font-weight:700;letter-spacing:.1em}.primary{background:var(--green);color:var(--paper)}.secondary{border:1px solid #173b315e;background:#fbf5eb80}
.section{padding:108px 0}.two{display:grid;grid-template-columns:.72fr 1.28fr;gap:95px}.cream{background:linear-gradient(#f6e8d7,#fbf5eb)}.sand{background:linear-gradient(125deg,#fbf5eb,#f0dcc3)}.deep{background:#ead4b8}
.list{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.row>span{font-size:10px;letter-spacing:.18em;color:var(--gold);padding-top:5px}.row h3{margin:0;font:400 25px/1.2 Georgia,serif}.row p{margin:7px 0 0;font:16px/1.55 Georgia,serif;color:var(--soft)}
.visual{position:relative;height:min(610px,68vh);min-height:470px}.visual-shape{display:none}
.caption{position:absolute;right:1%;bottom:2%;max-width:350px;border-top:1px solid var(--line);padding-top:20px}.caption strong{font:25px Georgia,serif;letter-spacing:.04em}.caption p{font:16px/1.55 Georgia,serif;color:var(--soft)}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}.card{min-height:260px;padding:34px;border:1px solid var(--line);border-radius:30px;background:#fbf5eb75;display:flex;flex-direction:column}.card small{font-size:10px;letter-spacing:.18em;color:var(--gold)}.card h3{font:400 29px Georgia,serif;margin:28px 0 12px}.card p{font:16px/1.55 Georgia,serif;color:var(--soft);margin:0 0 28px}.card a{margin-top:auto;align-self:flex-start;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.12em;border-bottom:1px solid #173b315e;padding-bottom:7px}
.processes{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid var(--line)}.process{padding:15px 0;border-bottom:1px solid var(--line);font:16px Georgia,serif}
.center{text-align:center}.center .eye{justify-content:center}.center .copy{margin:22px auto}.site-footer{padding:34px 0;border-top:1px solid var(--line);background:var(--paper);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-inner a{text-decoration:none}
.home .hero-grid{grid-template-columns:1fr;max-width:1050px;text-align:center;margin:auto}.home .eye{justify-content:center}.home h1{font-size:clamp(58px,7vw,110px)}.home .intro{margin:26px auto 0}.home-entries{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.home-entry{padding:27px 24px;border:1px solid #173b313d;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.12em;background:#fbf5eb70}
@media(max-width:900px){.c{width:min(calc(100% - 38px),700px)}.site-header{height:74px;grid-template-columns:1fr auto}nav{display:none}.brand img{width:40px;height:48px}.brand strong{font-size:14px}.brand small{display:none}.hero-grid,.two{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:65px 0 80px;gap:45px}.two{gap:45px}.visual{height:390px;min-height:0}.home-entries{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}
@media(max-width:600px){.c{width:calc(100% - 30px)}.section{padding:76px 0}.processes{grid-template-columns:1fr}.footer-inner{display:block}.footer-inner span{display:block;margin-bottom:10px}}



/* Architectural contours trace the layered folds and open center of the approved HOME. */
body:not(.home) .hero{isolation:isolate;background:linear-gradient(117deg,#fff9f1 0%,#f6e7d6 54%,#e9cfb6 100%)}
body:not(.home) .hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--architecture);background-repeat:no-repeat;background-position:center;background-size:cover;pointer-events:none}
body:not(.home) .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,250,242,.57) 0%,rgba(255,250,242,.23) 48%,transparent 74%);pointer-events:none}
body:not(.home) .hero-grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(36px,5vw,90px)}
body:not(.home) .visual{min-width:0}.visual-shape{display:none}
body:not(.home) .caption{right:0;bottom:10%;border-top-color:#173b3140;background:#faf3e7c9;padding:20px 16px 10px;backdrop-filter:blur(4px)}
.page-explorar{--architecture:url('../svg/explorar.svg')}.page-comprender{--architecture:url('../svg/comprender.svg')}.page-profundizar{--architecture:url('../svg/profundizar.svg')}.page-leyes{--architecture:url('../svg/leyes.svg')}.page-sobre-dv{--architecture:url('../svg/sobre-dv.svg')}
.page-explorar .visual{background:radial-gradient(ellipse at 55% 40%,#fff9f3a9 0%,#fff9f364 46%,transparent 74%)}
.site-header{grid-template-columns:minmax(250px,1fr) auto minmax(85px,1fr);gap:clamp(12px,2vw,32px)}
.site-header nav{gap:clamp(12px,1.5vw,31px);white-space:nowrap}.brand{min-width:0}.brand strong{font-size:clamp(14px,1.2vw,18px)}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.site-header .tools{display:none}}
@media(max-width:900px){body:not(.home) .hero-grid{grid-template-columns:1fr}body:not(.home) .hero::before{background-size:auto 100%;background-position:61% center;opacity:.56}body:not(.home) .hero::after{background:linear-gradient(90deg,#fff9f1ba,transparent)}body:not(.home) .visual{height:280px;min-height:0}body:not(.home) .caption{bottom:0}}
@media(max-width:600px){body:not(.home) .hero::before{background-size:auto 100%;background-position:58% center;opacity:.35}body:not(.home) .hero-grid{padding:45px 0 50px;gap:18px}body:not(.home) .visual{height:185px}body:not(.home) .caption{max-width:100%;padding:12px;background:#fbf5ebdb}body:not(.home) .caption strong{font-size:19px}body:not(.home) .caption p{font-size:13px;margin:6px 0}.site-header{gap:8px}.brand{gap:6px}.brand strong{font-size:12px;letter-spacing:.05em}.brand img{width:34px;height:42px}}

/* V1.5: EXPLORAR alone reuses unpainted crops of the approved HOME. */
body.page-explorar .hero{background:#f8ebdc;isolation:isolate}
body.page-explorar .hero::before,
body.page-explorar .hero::after,
body.page-explorar .explorar-ribs-bottom{content:"";position:absolute;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:100% 100%}
body.page-explorar .hero::before{inset:84px 0 auto auto;width:min(63vw,920px);height:min(29vw,380px);background-image:url('../img/architecture/explorar-ribs-upper.png');opacity:.75;mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);-webkit-mask-composite:source-in}
body.page-explorar .hero::after{inset:175px 0 auto auto;width:min(28vw,410px);height:calc(100% - 205px);background-image:url('../img/architecture/explorar-ribs-right.png');opacity:.67;mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);-webkit-mask-composite:source-in}
body.page-explorar .explorar-ribs-bottom{inset:auto 0 0 auto;width:80%;height:22%;background-image:url('../img/architecture/explorar-ribs-bottom.png');opacity:.52;mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);-webkit-mask-composite:source-in}
body.page-explorar .hero-grid{z-index:2}
body.page-explorar .visual{background:none}
@media(max-width:1100px){body.page-explorar .hero::before{top:78px;width:68vw;height:31vw}body.page-explorar .hero::after{top:180px;width:31vw;height:calc(100% - 210px)}}
@media(max-width:900px){body.page-explorar .hero::before{width:100%;height:240px;top:74px;opacity:.5}body.page-explorar .hero::after{width:30%;height:55%;top:auto;bottom:0;opacity:.46}body.page-explorar .explorar-ribs-bottom{width:100%;height:140px;opacity:.4}}
@media(max-width:600px){body.page-explorar .hero::before{width:100%;height:155px;opacity:.33}body.page-explorar .hero::after{display:none}body.page-explorar .explorar-ribs-bottom{height:90px;opacity:.25}}

/* V1.6: four further rooms use exact photographic fragments of HOME.
   All rules below are scoped away from approved HOME and EXPLORAR. */
:is(.page-comprender,.page-profundizar,.page-leyes,.page-sobre-dv) .hero{background:#f8ebdc;isolation:isolate}
:is(.page-comprender,.page-profundizar,.page-leyes,.page-sobre-dv) .hero::before,
:is(.page-comprender,.page-profundizar,.page-leyes,.page-sobre-dv) .hero::after{content:"";position:absolute;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}
:is(.page-comprender,.page-profundizar,.page-leyes,.page-sobre-dv) .hero-grid{z-index:2}
:is(.page-comprender,.page-profundizar,.page-leyes,.page-sobre-dv) .visual{background:none}

/* COMPRENDER: a long upper horizontal fold and a low receding layer. */
.page-comprender .hero::before{top:91px;right:0;width:76%;height:220px;background-image:url('../img/architecture/comprender-ribs-horizontal.png');opacity:.70;mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,#000 15%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,#000 15%,transparent 100%);-webkit-mask-composite:source-in}
.page-comprender .hero::after{bottom:0;right:0;width:78%;height:17%;background-image:url('../img/architecture/explorar-ribs-bottom.png');opacity:.34;mask-image:linear-gradient(180deg,transparent,#000 80%),linear-gradient(90deg,transparent,#000 38%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 80%),linear-gradient(90deg,transparent,#000 38%);-webkit-mask-composite:source-in}

/* PROFUNDIZAR: closer side fold and compressed lower depth. */
.page-profundizar .hero::before{top:122px;right:0;width:35%;height:73%;background-image:url('../img/architecture/profundizar-ribs-side.png');opacity:.77;mask-image:linear-gradient(90deg,transparent,#000 58%),linear-gradient(180deg,#000 35%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 58%),linear-gradient(180deg,#000 35%,transparent 100%);-webkit-mask-composite:source-in}
.page-profundizar .hero::after{bottom:0;right:0;width:57%;height:18%;background-image:url('../img/architecture/explorar-ribs-bottom.png');opacity:.48;mask-image:linear-gradient(180deg,transparent,#000 85%),linear-gradient(90deg,transparent,#000 44%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 85%),linear-gradient(90deg,transparent,#000 44%);-webkit-mask-composite:source-in}

/* LEYES: upper and lower existing folds approach across an open center. */
.page-leyes .hero::before{top:100px;right:0;width:63%;height:330px;background-image:url('../img/architecture/leyes-ribs-upper.png');opacity:.69;mask-image:linear-gradient(90deg,transparent,#000 32%),linear-gradient(180deg,#000 46%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%),linear-gradient(180deg,#000 46%,transparent 100%);-webkit-mask-composite:source-in}
.page-leyes .hero::after{bottom:0;left:0;width:74%;height:22%;background-image:url('../img/architecture/explorar-ribs-bottom.png');opacity:.43;mask-image:linear-gradient(180deg,transparent,#000 80%),linear-gradient(90deg,#000 32%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 80%),linear-gradient(90deg,#000 32%,transparent 100%);-webkit-mask-composite:source-in}

/* SOBRE DV: a single light upper fold; the space opens out. */
.page-sobre-dv .hero::before{top:92px;left:0;width:68%;height:170px;background-image:url('../img/architecture/sobre-ribs-soft.png');opacity:.68;mask-image:linear-gradient(90deg,#000 38%,transparent 100%),linear-gradient(180deg,#000 10%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,#000 38%,transparent 100%),linear-gradient(180deg,#000 10%,transparent 100%);-webkit-mask-composite:source-in}
.page-sobre-dv .hero::after{content:none}

@media(max-width:900px){
 .page-comprender .hero::before{width:100%;height:180px;top:74px;opacity:.48}.page-comprender .hero::after{height:100px}
 .page-profundizar .hero::before{width:32%;height:52%;top:auto;bottom:0;opacity:.48}.page-profundizar .hero::after{height:110px}
 .page-leyes .hero::before{width:100%;height:210px;top:74px;opacity:.48}.page-leyes .hero::after{height:110px}
 .page-sobre-dv .hero::before{top:74px;width:100%;height:130px;opacity:.42}
}
@media(max-width:600px){
 .page-comprender .hero::before{height:125px;opacity:.36}.page-comprender .hero::after{display:none}
 .page-profundizar .hero::before{width:38%;height:33%;opacity:.36}.page-profundizar .hero::after{display:none}
 .page-leyes .hero::before{height:145px;opacity:.36}.page-leyes .hero::after{display:none}
 .page-sobre-dv .hero::before{height:105px;opacity:.35}
}

/* V1.6.1: architectural parity for three pages only. */
.page-comprender .hero::before{top:92px;right:0;width:79%;height:275px;opacity:.86;mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 44%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 44%,transparent 100%);-webkit-mask-composite:source-in}
.page-comprender .hero::after{width:72%;height:21%;opacity:.49}
.page-profundizar .hero::before{top:109px;right:0;width:44%;height:82%;opacity:.88;mask-image:linear-gradient(90deg,transparent 0%,#000 40%),linear-gradient(180deg,#000 55%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%),linear-gradient(180deg,#000 55%,transparent 100%);-webkit-mask-composite:source-in}
.page-profundizar .hero::after{width:66%;height:23%;opacity:.56}
.page-leyes .hero::before{top:95px;right:0;width:70%;height:365px;opacity:.81;mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(180deg,#000 55%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(180deg,#000 55%,transparent 100%);-webkit-mask-composite:source-in}
.page-leyes .hero::after{width:80%;height:25%;opacity:.58}
@media(max-width:900px){
 .page-comprender .hero::before{top:74px;width:100%;height:205px;opacity:.58}.page-comprender .hero::after{height:115px;opacity:.35}
 .page-profundizar .hero::before{top:auto;bottom:0;width:41%;height:57%;opacity:.60}.page-profundizar .hero::after{height:115px;opacity:.38}
 .page-leyes .hero::before{top:74px;width:100%;height:225px;opacity:.58}.page-leyes .hero::after{height:115px;opacity:.39}
}
@media(max-width:600px){
 .page-comprender .hero::before{height:140px;opacity:.39}.page-comprender .hero::after{display:none}
 .page-profundizar .hero::before{width:39%;height:36%;opacity:.42}.page-profundizar .hero::after{display:none}
 .page-leyes .hero::before{height:155px;opacity:.42}.page-leyes .hero::after{display:none}
}

/* V1.6.2 — retain the physical ribs; fade only fragment boundaries. */
.page-comprender .hero::before{top:92px;right:0;width:72%;height:69%;background-size:cover;background-position:right center;opacity:.90;mask-image:linear-gradient(90deg,transparent 0%,#000 18%),linear-gradient(180deg,#000 82%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%),linear-gradient(180deg,#000 82%,transparent 100%);-webkit-mask-composite:source-in}
.page-comprender .hero::after{right:0;width:78%;height:30%;background-size:cover;background-position:right bottom;opacity:.76;mask-image:linear-gradient(90deg,transparent 0%,#000 22%),linear-gradient(180deg,transparent 0%,#000 22%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%),linear-gradient(180deg,transparent 0%,#000 22%);-webkit-mask-composite:source-in}
.page-profundizar .hero::before{top:96px;right:0;bottom:auto;width:48%;height:calc(100% - 96px);background-size:cover;background-position:right center;opacity:.92;mask-image:linear-gradient(90deg,transparent 0%,#000 16%),linear-gradient(180deg,#000 87%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%),linear-gradient(180deg,#000 87%,transparent 100%);-webkit-mask-composite:source-in}
.page-profundizar .hero::after{right:0;width:65%;height:29%;background-size:cover;background-position:right bottom;opacity:.77;mask-image:linear-gradient(90deg,transparent 0%,#000 25%),linear-gradient(180deg,transparent 0%,#000 20%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%),linear-gradient(180deg,transparent 0%,#000 20%);-webkit-mask-composite:source-in}
.page-leyes .hero::before{top:94px;right:0;width:72%;height:61%;background-size:cover;background-position:right center;opacity:.89;mask-image:linear-gradient(90deg,transparent 0%,#000 21%),linear-gradient(180deg,#000 84%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 21%),linear-gradient(180deg,#000 84%,transparent 100%);-webkit-mask-composite:source-in}
.page-leyes .hero::after{left:auto;right:0;width:88%;height:34%;background-size:cover;background-position:right bottom;opacity:.83;mask-image:linear-gradient(90deg,transparent 0%,#000 31%),linear-gradient(180deg,transparent 0%,#000 19%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 31%),linear-gradient(180deg,transparent 0%,#000 19%);-webkit-mask-composite:source-in}
@media(max-width:900px){
 .page-comprender .hero::before{top:74px;width:100%;height:32%;opacity:.75}.page-comprender .hero::after{width:100%;height:17%;opacity:.65}
 .page-profundizar .hero::before{top:auto;bottom:0;width:47%;height:56%;opacity:.78}.page-profundizar .hero::after{width:85%;height:17%;opacity:.64}
 .page-leyes .hero::before{top:74px;width:100%;height:34%;opacity:.75}.page-leyes .hero::after{width:100%;height:18%;opacity:.66}
}
@media(max-width:600px){
 .page-comprender .hero::before{height:160px;opacity:.72}.page-comprender .hero::after{display:none}
 .page-profundizar .hero::before{width:48%;height:35%;opacity:.72}.page-profundizar .hero::after{display:none}
 .page-leyes .hero::before{height:170px;opacity:.72}.page-leyes .hero::after{display:none}
}


/* V1.6.3 PHASE 1: exact V1.5 EXPLORAR architectural presentation; prior page backgrounds are overridden. */
body.page-comprender .hero{background:#f8ebdc;isolation:isolate}
body.page-comprender .hero::before,
body.page-comprender .hero::after,
body.page-comprender .explorar-ribs-bottom{content:"";position:absolute;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:100% 100%}
body.page-comprender .hero::before{inset:84px 0 auto auto;width:min(63vw,920px);height:min(29vw,380px);background-image:url('../img/architecture/explorar-ribs-upper.png');opacity:.75;mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);-webkit-mask-composite:source-in}
body.page-comprender .hero::after{inset:175px 0 auto auto;width:min(28vw,410px);height:calc(100% - 205px);background-image:url('../img/architecture/explorar-ribs-right.png');opacity:.67;mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);-webkit-mask-composite:source-in}
body.page-comprender .explorar-ribs-bottom{inset:auto 0 0 auto;width:80%;height:22%;background-image:url('../img/architecture/explorar-ribs-bottom.png');opacity:.52;mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);-webkit-mask-composite:source-in}
body.page-comprender .hero-grid{z-index:2}
body.page-comprender .visual{background:none}
@media(max-width:1100px){body.page-comprender .hero::before{top:78px;width:68vw;height:31vw}body.page-comprender .hero::after{top:180px;width:31vw;height:calc(100% - 210px)}}
@media(max-width:900px){body.page-comprender .hero::before{width:100%;height:240px;top:74px;opacity:.5}body.page-comprender .hero::after{width:30%;height:55%;top:auto;bottom:0;opacity:.46}body.page-comprender .explorar-ribs-bottom{width:100%;height:140px;opacity:.4}}
@media(max-width:600px){body.page-comprender .hero::before{width:100%;height:155px;opacity:.33}body.page-comprender .hero::after{display:none}body.page-comprender .explorar-ribs-bottom{height:90px;opacity:.25}}
body.page-profundizar .hero{background:#f8ebdc;isolation:isolate}
body.page-profundizar .hero::before,
body.page-profundizar .hero::after,
body.page-profundizar .explorar-ribs-bottom{content:"";position:absolute;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:100% 100%}
body.page-profundizar .hero::before{inset:84px 0 auto auto;width:min(63vw,920px);height:min(29vw,380px);background-image:url('../img/architecture/explorar-ribs-upper.png');opacity:.75;mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);-webkit-mask-composite:source-in}
body.page-profundizar .hero::after{inset:175px 0 auto auto;width:min(28vw,410px);height:calc(100% - 205px);background-image:url('../img/architecture/explorar-ribs-right.png');opacity:.67;mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);-webkit-mask-composite:source-in}
body.page-profundizar .explorar-ribs-bottom{inset:auto 0 0 auto;width:80%;height:22%;background-image:url('../img/architecture/explorar-ribs-bottom.png');opacity:.52;mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);-webkit-mask-composite:source-in}
body.page-profundizar .hero-grid{z-index:2}
body.page-profundizar .visual{background:none}
@media(max-width:1100px){body.page-profundizar .hero::before{top:78px;width:68vw;height:31vw}body.page-profundizar .hero::after{top:180px;width:31vw;height:calc(100% - 210px)}}
@media(max-width:900px){body.page-profundizar .hero::before{width:100%;height:240px;top:74px;opacity:.5}body.page-profundizar .hero::after{width:30%;height:55%;top:auto;bottom:0;opacity:.46}body.page-profundizar .explorar-ribs-bottom{width:100%;height:140px;opacity:.4}}
@media(max-width:600px){body.page-profundizar .hero::before{width:100%;height:155px;opacity:.33}body.page-profundizar .hero::after{display:none}body.page-profundizar .explorar-ribs-bottom{height:90px;opacity:.25}}
body.page-leyes .hero{background:#f8ebdc;isolation:isolate}
body.page-leyes .hero::before,
body.page-leyes .hero::after,
body.page-leyes .explorar-ribs-bottom{content:"";position:absolute;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:100% 100%}
body.page-leyes .hero::before{inset:84px 0 auto auto;width:min(63vw,920px);height:min(29vw,380px);background-image:url('../img/architecture/explorar-ribs-upper.png');opacity:.75;mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);-webkit-mask-composite:source-in}
body.page-leyes .hero::after{inset:175px 0 auto auto;width:min(28vw,410px);height:calc(100% - 205px);background-image:url('../img/architecture/explorar-ribs-right.png');opacity:.67;mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);-webkit-mask-composite:source-in}
body.page-leyes .explorar-ribs-bottom{inset:auto 0 0 auto;width:80%;height:22%;background-image:url('../img/architecture/explorar-ribs-bottom.png');opacity:.52;mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);-webkit-mask-composite:source-in}
body.page-leyes .hero-grid{z-index:2}
body.page-leyes .visual{background:none}
@media(max-width:1100px){body.page-leyes .hero::before{top:78px;width:68vw;height:31vw}body.page-leyes .hero::after{top:180px;width:31vw;height:calc(100% - 210px)}}
@media(max-width:900px){body.page-leyes .hero::before{width:100%;height:240px;top:74px;opacity:.5}body.page-leyes .hero::after{width:30%;height:55%;top:auto;bottom:0;opacity:.46}body.page-leyes .explorar-ribs-bottom{width:100%;height:140px;opacity:.4}}
@media(max-width:600px){body.page-leyes .hero::before{width:100%;height:155px;opacity:.33}body.page-leyes .hero::after{display:none}body.page-leyes .explorar-ribs-bottom{height:90px;opacity:.25}}

/* V1.6.4 Phase 3: desktop position and scale only. V1.6.3 material stays intact. */
@media(min-width:1101px){
 body.page-comprender .hero::before{top:68px;right:0;width:min(76vw,1040px);height:min(32vw,425px)}
 body.page-comprender .hero::after{top:190px;right:0;width:min(28vw,410px);height:calc(100% - 220px)}
 body.page-comprender .explorar-ribs-bottom{right:0;width:89%;height:21%}

 body.page-profundizar .hero::before{top:75px;right:0;width:min(64vw,930px);height:min(30vw,390px)}
 body.page-profundizar .hero::after{top:130px;right:0;width:min(38vw,520px);height:calc(100% - 160px)}
 body.page-profundizar .explorar-ribs-bottom{right:0;width:84%;height:25%}

 body.page-leyes .hero::before{top:58px;right:0;width:min(68vw,950px);height:min(29vw,380px)}
 body.page-leyes .hero::after{top:160px;right:0;width:min(31vw,435px);height:calc(100% - 220px)}
 body.page-leyes .explorar-ribs-bottom{right:0;width:88%;height:27%}
}


/* V1.6.5: approved EXPLORAR material on SOBRE DV; same opacity and masks. */
body.page-sobre-dv .hero{background:#f8ebdc;isolation:isolate}
body.page-sobre-dv .hero::before,
body.page-sobre-dv .hero::after,
body.page-sobre-dv .explorar-ribs-bottom{content:"";position:absolute;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:100% 100%}
body.page-sobre-dv .hero::before{inset:84px 0 auto auto;width:min(63vw,920px);height:min(29vw,380px);background-image:url('../img/architecture/explorar-ribs-upper.png');opacity:.75;mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%),linear-gradient(180deg,#000 48%,transparent 100%);-webkit-mask-composite:source-in}
body.page-sobre-dv .hero::after{inset:175px 0 auto auto;width:min(28vw,410px);height:calc(100% - 205px);background-image:url('../img/architecture/explorar-ribs-right.png');opacity:.67;mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(180deg,#000 57%,transparent);-webkit-mask-composite:source-in}
body.page-sobre-dv .explorar-ribs-bottom{inset:auto 0 0 auto;width:80%;height:22%;background-image:url('../img/architecture/explorar-ribs-bottom.png');opacity:.52;mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 75%),linear-gradient(90deg,transparent,#000 42%);-webkit-mask-composite:source-in}
body.page-sobre-dv .hero-grid{z-index:2}
body.page-sobre-dv .visual{background:none}
@media(max-width:1100px){body.page-sobre-dv .hero::before{top:78px;width:68vw;height:31vw}body.page-sobre-dv .hero::after{top:180px;width:31vw;height:calc(100% - 210px)}}
@media(max-width:900px){body.page-sobre-dv .hero::before{width:100%;height:240px;top:74px;opacity:.5}body.page-sobre-dv .hero::after{width:30%;height:55%;top:auto;bottom:0;opacity:.46}body.page-sobre-dv .explorar-ribs-bottom{width:100%;height:140px;opacity:.4}}
@media(max-width:600px){body.page-sobre-dv .hero::before{width:100%;height:155px;opacity:.33}body.page-sobre-dv .hero::after{display:none}body.page-sobre-dv .explorar-ribs-bottom{height:90px;opacity:.25}}
@media(min-width:1101px){
 body.page-sobre-dv .hero::before{top:78px;right:-25px;width:min(59vw,850px);height:min(27vw,355px)}
 body.page-sobre-dv .hero::after{top:208px;right:-58px;width:min(28vw,410px);height:calc(100% - 255px)}
 body.page-sobre-dv .explorar-ribs-bottom{right:0;width:72%;height:18%}
}

/* V1.7 technical access: expose the existing section links when the desktop menu is hidden. */
@media(max-width:1100px){.site-header{height:auto;min-height:92px;grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding:9px 0}.site-header nav{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:0 18px;white-space:normal}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}}

/* V1.0.7.1 — HEADER FIRST-CLICK HIT-AREA HARDENING */
.site-header{
  position:relative;
  z-index:100;
  isolation:isolate;
}

.site-header nav,
.site-header nav a,
.site-header .brand,
.site-header .tools{
  position:relative;
  z-index:1;
  pointer-events:auto;
}