@font-face{font-family:"Helvetica Neue";src:url("helvetica/HelveticaNeueThin.otf") format("opentype");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue";src:url("helvetica/HelveticaNeueLight.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue";src:url("helvetica/HelveticaNeueRoman.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue";src:url("helvetica/HelveticaNeueMedium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue";src:url("helvetica/HelveticaNeueBold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
:root{
  --green:#009640;
  --green-deep:#00702f;
  --navy:#00005f;
  --ink:#101540;
  --muted:#4d5570;
  --line:#e5e7ee;
  --copy-size:18px;
  --copy-lh:1.7;
  --copy-measure:560px;
  --copy-track:.003em;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
::selection{background:var(--navy);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#f1f2f5}
::-webkit-scrollbar-thumb{background:var(--navy)}

/* Header — slim bar + circular menu button */
header{position:fixed;top:0;left:0;right:0;z-index:70;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
header .wrap{max-width:none;padding-left:40px;padding-right:40px}
.brand img{height:28px;width:auto}
.head-nav{display:flex;align-items:center;gap:30px;position:absolute;left:50%;transform:translateX(-50%)}
.head-nav a{font-size:14px;letter-spacing:.02em;text-transform:none;font-weight:500;color:var(--navy)}
.head-nav a:hover{color:var(--green-deep)}
.has-drop{position:relative}
.drop-btn{background:none;border:0;font-family:inherit;font-size:14px;letter-spacing:.02em;text-transform:none;font-weight:500;color:var(--navy);display:flex;align-items:center;gap:8px;cursor:pointer;padding:0}
.drop-btn:hover{color:var(--green-deep)}
.drop-btn svg{width:10px;height:7px;transition:transform .3s var(--ease)}
.has-drop.open .drop-btn svg{transform:rotate(180deg)}
.has-drop>.drop{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);min-width:320px;background:var(--navy);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,95,.22);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;padding:8px}
.has-drop.open>.drop{opacity:1;visibility:visible;transform:translate(-50%,0)}
.has-drop .drop a{display:block;font-size:14px;letter-spacing:.02em;text-transform:none;font-weight:400;color:#fff;padding:12px 16px;white-space:nowrap}
.has-drop .drop a:hover{background:rgba(255,255,255,.1);color:#fff}
.head-right{display:flex;align-items:center;gap:22px}
.head-cta{font-size:14px;letter-spacing:.02em;text-transform:none;font-weight:500;color:var(--navy);border-bottom:2px solid var(--green);padding-bottom:3px}
.head-cta:hover{color:var(--green-deep)}
.lang-h img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;border:1px solid var(--line);transition:transform .3s var(--ease)}
.lang-h:hover img{transform:scale(1.1)}
.hic{width:30px;height:30px;border-radius:50%;background:var(--navy);display:inline-flex;align-items:center;justify-content:center;transition:background .3s var(--ease),transform .3s var(--ease)}
.hic:hover{background:var(--green-deep);transform:scale(1.1)}
.hic svg{width:15px;height:15px;display:block}
.menubtn{display:none;align-items:center;background:none;border:0;cursor:pointer}
.menubtn-circle{width:52px;height:52px;border-radius:50%;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:background .35s var(--ease),transform .35s var(--ease)}
.menubtn-circle i{display:block;width:20px;height:2px;background:#fff;transition:transform .35s var(--ease),opacity .3s}
.menubtn:hover .menubtn-circle{background:var(--green-deep)}
body.menu-open .menubtn-circle{background:var(--green-deep)}
body.menu-open .menubtn-circle i:first-child{transform:translateY(4px) rotate(45deg)}
body.menu-open .menubtn-circle i:last-child{transform:translateY(-4px) rotate(-45deg)}

/* Full-screen overlay menu */
.overlay{position:fixed;inset:0;z-index:65;background:#efefef;color:var(--navy);overflow:hidden;
  clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease);visibility:hidden}
body.menu-open .overlay{clip-path:inset(0 0 0% 0);visibility:visible}
.overlay::before{content:"bb";position:absolute;right:-2%;bottom:-14%;font-size:44vw;line-height:1;font-weight:700;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(0,0,95,.1);pointer-events:none}
.overlay::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--green)}
.overlay-inner{position:relative;height:100%;max-width:1160px;margin:0 auto;padding:130px 32px 40px;display:flex;flex-direction:column}
.overlay-links{display:flex;flex-direction:column}
.overlay-links a{display:block;padding:14px 0;border-bottom:1px solid rgba(0,0,95,.18);
  opacity:0;transform:translateY(34px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
body.menu-open .overlay-links a{opacity:1;transform:none}
body.menu-open .overlay-links a:nth-child(1){transition-delay:.15s}
body.menu-open .overlay-links a:nth-child(2){transition-delay:.22s}
body.menu-open .overlay-links a:nth-child(3){transition-delay:.29s}
body.menu-open .overlay-links a:nth-child(4){transition-delay:.36s}
body.menu-open .overlay-links a:nth-child(5){transition-delay:.43s}
.overlay-links a span{font-size:clamp(38px,6vw,72px);letter-spacing:-.03em;font-weight:400;line-height:1.05;display:block;color:var(--navy)}
.overlay-links a:hover span,.overlay-links a.active span{color:var(--green-deep)}
.overlay-links a:hover span,.overlay-links a.active span{color:var(--green-deep)}
.overlay-links a:hover{transform:translateX(14px)}
body.menu-open .overlay-links a:hover{transform:translateX(14px)}
.overlay-sub{border-bottom:1px solid rgba(0,0,95,.18);opacity:0;transform:translateY(34px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
body.menu-open .overlay-sub{opacity:1;transform:none;transition-delay:.22s}
.overlay-sub-btn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 0;background:none;border:0;cursor:pointer;text-align:left}
.overlay-sub-btn span{font-size:clamp(38px,6vw,72px);letter-spacing:-.03em;font-weight:400;line-height:1.05;display:block;color:var(--navy)}
.overlay-sub-btn:hover span{color:var(--green-deep)}
.overlay-sub-btn i{font-style:normal;font-weight:300;line-height:1;font-size:32px;color:var(--navy);transition:transform .35s var(--ease)}
.overlay-sub.open .overlay-sub-btn i{transform:rotate(45deg)}
.overlay-sub-list{display:none;padding:4px 0 16px}
.overlay-sub.open .overlay-sub-list{display:block}
.overlay-sub-list a{display:block;padding:10px 0 10px 2px;font-size:19px;font-weight:400;letter-spacing:-.01em;border-bottom:0}
.overlay-sub-list a:hover{color:var(--green-deep)}
.overlay-links{display:none}
.overlay-foot{margin:auto 0;display:flex;flex-direction:column;gap:30px;border-top:0;font-size:clamp(26px,4.6vw,54px);font-weight:300;letter-spacing:-.02em;line-height:1.15;color:var(--navy)}
.overlay-foot>*{opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
body.menu-open .overlay-foot>*{opacity:1;transform:none}
body.menu-open .overlay-foot>*:nth-child(1){transition-delay:.2s}
body.menu-open .overlay-foot>*:nth-child(2){transition-delay:.28s}
body.menu-open .overlay-foot>*:nth-child(3){transition-delay:.36s}
body.menu-open .overlay-foot>*:nth-child(4){transition-delay:.44s}
.lang{display:flex;align-items:center;gap:16px;margin-top:14px;font-size:15px;letter-spacing:.22em;text-transform:uppercase}
.lang img{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block}
.lang:hover{color:var(--green-deep)}
.overlay-foot a{font-weight:300;color:var(--navy)}
.overlay-foot a:hover{color:var(--green-deep)}
.overlay-foot a:hover{color:var(--green-deep)}
body.menu-open{overflow:hidden}
.btn{display:inline-flex;align-items:center;background:var(--navy);color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:14px 26px;border:1px solid var(--navy);cursor:pointer}
.btn:hover{background:var(--green-deep);border-color:var(--green-deep)}

/* Hero */
.hero{padding-top:72px}
.hero-full{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06)}
.hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,95,.74),rgba(0,0,95,.46) 50%,rgba(0,10,30,.78));opacity:0;transition:opacity .7s ease}
.hero-bg.ready::after{opacity:1}
.hero-content{position:relative;z-index:2;padding:110px 32px 120px;max-width:960px}
.hero-content h1{font-size:clamp(42px,6.4vw,88px);line-height:1.02;letter-spacing:-.02em;font-weight:300;text-wrap:balance;color:var(--navy);transition:color .7s ease}
.hero-bg.ready ~ .hero-content h1{color:#fff}
.hero-content h1 strong{font-weight:500}
.hero-content h1 .u{color:#7bd8a4}
.hero-content p{margin:22px auto 34px;max-width:520px;font-size:19px;line-height:1.7;font-weight:300;letter-spacing:var(--copy-track);color:rgba(255,255,255,.88)}
.hero-cta{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:36px}
.hero-cta .btn{background:#fff;border-color:#fff;color:var(--navy)}
.hero-cta .btn:hover{background:var(--green);border-color:var(--green);color:#fff}
.hero-cta .link{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px}
.hero-cta .link:hover{border-color:#fff}

/* Sections */
section.block{padding:140px 0}
.sec-top{display:flex;justify-content:space-between;gap:16px;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:72px}
.sec-top span:last-child{color:var(--navy)}
.sec-top--dark{border-bottom-color:rgba(255,255,255,.25);color:rgba(255,255,255,.6)}
h2.title{font-size:clamp(44px,5.4vw,76px);line-height:1;letter-spacing:-.04em;color:var(--navy);text-wrap:balance;font-weight:700}
h2.title .soft{font-weight:300;letter-spacing:-.035em}
h2.title .soft i{font-style:normal;color:var(--green)}
h2.title>i{font-style:normal;color:var(--green)}
.lead{color:var(--ink);font-size:var(--copy-size);line-height:var(--copy-lh);max-width:var(--copy-measure);font-weight:300;letter-spacing:var(--copy-track)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}
#firma .split{grid-template-columns:1fr 1.4fr}
.hairline{height:1px;background:var(--line);margin:32px 0}
.band{position:relative;height:62vh;min-height:420px;margin:0;overflow:hidden}
.band-sm{height:400px;min-height:0}
.band-sm img{filter:grayscale(1) contrast(1.06)}
.band img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.18) translateY(var(--band-y,0px));filter:grayscale(1) contrast(1.05);will-change:transform}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,95,.28),rgba(0,0,95,.28))}
.firma{position:relative;overflow:hidden}
.firma::before{content:"bb";position:absolute;right:-3%;bottom:-10%;font-size:46vw;line-height:1;font-weight:700;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(0,0,95,.06);pointer-events:none;transform:translateY(var(--mono-y,0px));will-change:transform}
.firma-desc{margin-top:32px;max-width:var(--copy-measure);font-size:var(--copy-size);line-height:var(--copy-lh);font-weight:300;letter-spacing:var(--copy-track);color:var(--muted);border-left:2px solid var(--green);padding-left:22px}
.firma-body .lead{margin-bottom:12px}
#firma .stack{display:grid;gap:56px}
#firma .title{max-width:900px}
.minilist{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.minilist li{padding:28px 30px;border:1px solid var(--line);
  background:
    repeating-linear-gradient(90deg,rgba(0,0,95,.022) 0 1px,transparent 1px 12px),
    linear-gradient(90deg,rgba(245,247,250,0) 0%,#f5f7fa 100%);
  transition:transform .45s var(--ease),border-color .45s var(--ease)}
.minilist li>div{display:block}
.minilist li:hover{transform:translateY(-4px);border-color:var(--navy)}
.minilist b{font-size:clamp(24px,2.4vw,30px);font-weight:500;color:var(--navy);letter-spacing:-.025em;line-height:1.05}
.minilist p{font-size:17px;line-height:1.65;font-weight:300;letter-spacing:var(--copy-track);color:var(--muted);margin-top:12px;max-width:300px}
.textlink{display:inline-flex;align-items:center;gap:10px;margin-top:34px;font-size:15px;font-weight:500;color:var(--navy);
  background-image:linear-gradient(var(--green),var(--green));background-size:100% 2px;background-repeat:no-repeat;background-position:left calc(100% - 0px);padding-bottom:6px}
.textlink .arr{transition:transform .35s var(--ease);color:var(--green-deep)}
.textlink:hover .arr{transform:translateX(6px)}

/* Areas */
.areas{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.areas::before{content:"bb";position:absolute;right:-3%;bottom:-10%;font-size:46vw;line-height:1;font-weight:700;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none;transform:translateY(var(--mono-y,0px));will-change:transform}
.areas>.wrap{position:relative}
.areas h2.title{color:#fff}
.areas .lead{color:rgba(255,255,255,.7)}
.areas h2.title .soft i{color:#7bd8a4}
/* Index expandible */
.acc{border-top:1px solid rgba(255,255,255,.28);padding-top:12px}
.acc-item{border-bottom:1px solid rgba(255,255,255,.28);position:relative;overflow:hidden}
.acc-item::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.14;pointer-events:none;transition:opacity .6s var(--ease);filter:grayscale(.9)}
.acc-item::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,95,.82) 25%,rgba(0,0,95,.35) 60%,rgba(0,0,95,.6));pointer-events:none}
.acc-item:nth-child(1)::before{background-image:url("img/editorial/tragaluz.webp")}
.acc-item:nth-child(2)::before{background-image:url("img/editorial/arcos-concreto.webp")}
.acc-item:nth-child(3)::before{background-image:url("img/editorial/fachada-geometrica.webp")}
.acc-item:nth-child(4)::before{background-image:url("img/editorial/cuerdas-piano.webp")}
.acc-item:nth-child(5)::before{background-image:url("img/editorial/puente-atirantado.webp")}
.acc-item.open::before,.acc-item:hover::before{opacity:.24}
.acc-head,.acc-body{position:relative;z-index:1}
.acc-head{display:grid;grid-template-columns:1fr auto;gap:8px 40px;align-items:center;width:100%;background:none;border:0;color:#fff;text-align:left;padding:96px 6px;cursor:pointer;font-family:inherit}
.acc-title{grid-column:1;font-size:clamp(32px,4.6vw,60px);font-weight:300;letter-spacing:-.025em;line-height:1.02;transition:transform .5s var(--ease),color .3s}
.acc-sub{grid-column:1;font-size:17px;line-height:1.6;font-weight:300;letter-spacing:var(--copy-track);color:rgba(255,255,255,.68);margin-top:8px}
.acc-plus{grid-column:2;grid-row:1/3;position:relative;width:22px;height:22px;flex:none}
.acc-plus::before,.acc-plus::after{content:"";position:absolute;background:#fff;top:50%;left:50%;transition:transform .45s var(--ease)}
.acc-plus::before{width:22px;height:2px;transform:translate(-50%,-50%)}
.acc-plus::after{width:2px;height:22px;transform:translate(-50%,-50%)}
.acc-item.open .acc-plus::after{transform:translate(-50%,-50%) scaleY(0)}
.acc-head:hover .acc-title{color:#fff}
.acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.acc-item.open .acc-body{grid-template-rows:1fr}
.acc-inner{overflow:hidden;min-height:0;display:flex;align-items:baseline;gap:16px 48px;flex-wrap:wrap}
.acc-inner ul{list-style:none;display:grid;gap:10px;padding-bottom:36px}
.acc-inner ul li{font-size:17px;line-height:1.65;font-weight:300;letter-spacing:var(--copy-track);color:rgba(255,255,255,.82)}
.acc-inner ul li::before{content:"—  ";color:#7bd8a4}
.acc-inner a{margin-bottom:36px;font-size:14px;font-weight:500;color:#fff;border-bottom:1px solid #7bd8a4;padding-bottom:4px}
.acc-inner a:hover{color:#7bd8a4}

/* Detail shared */
.backbtn{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border:0;font-family:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:13px 22px;cursor:pointer}
.backbtn:hover{background:var(--green-deep)}
.xbtn{width:48px;height:48px;flex:none;border-radius:50%;border:1px solid var(--navy);background:none;color:var(--navy);font-size:17px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.xbtn:hover{background:var(--navy);color:#fff}
.sheet-title{font-size:clamp(38px,5.4vw,72px);letter-spacing:-.035em;line-height:1;color:var(--navy);font-weight:700;text-wrap:balance}
.sheet-desc{margin-top:26px;font-size:19px;line-height:1.7;max-width:600px;font-weight:300;letter-spacing:var(--copy-track)}
.sheet-desc .tmp{display:block;margin-top:14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--green-deep)}
.block-label{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px;margin:60px 0 0}
.block-label + .sheet-points{margin-top:26px}
.sheet-points{list-style:none;margin-top:40px;border-top:1px solid var(--navy)}
.sheet-points li{padding:20px 4px;border-bottom:1px solid var(--line);font-size:18px;font-weight:500;color:var(--navy);letter-spacing:-.01em}
.sheet-points li::before{content:"—  ";color:var(--green-deep);font-weight:400}
.sheet-share{margin-top:52px;padding:30px 0;border-top:1px solid var(--line);text-align:center}
.sheet-share small{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.sheet-share div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.sheet-share a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--navy);border:1px solid var(--navy);padding:12px 20px}
.sheet-share a:hover{background:var(--navy);color:#fff}
.sheet-contact{margin:72px 0 0;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.sheet-contact-inner{position:relative;padding:60px 56px;display:grid;gap:14px}
.sheet-contact small{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7bd8a4}
.sheet-contact h4{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.025em;font-weight:300}
.sheet-contact p{color:rgba(255,255,255,.78);font-size:17px;line-height:1.7;font-weight:300;letter-spacing:var(--copy-track)}
.sheet-contact .btn{background:#fff;border-color:#fff;color:var(--navy);margin-top:12px;justify-self:start}
.sheet-contact .btn:hover{background:var(--green);border-color:var(--green);color:#fff}
@media(max-width:900px){
  .sheet-contact-inner{padding:44px 28px}
  .sheet-body{padding:52px 24px 0}
}

/* Socio */
#socio{position:relative;overflow:hidden;background:#efefef}
#socio::before{content:"bb";position:absolute;right:-3%;bottom:-10%;font-size:46vw;line-height:1;font-weight:700;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(0,0,95,.09);pointer-events:none;transform:translateY(var(--mono-y,0px));will-change:transform}
#contacto{position:relative;overflow:hidden}
#contacto .sheet-contact{margin-top:0;background:transparent;color:var(--ink)}
#contacto .sheet-contact h4{color:var(--navy)}
#contacto .sheet-contact p{color:var(--muted)}
#contacto::before{content:"bb";position:absolute;right:-3%;bottom:-10%;font-size:46vw;line-height:1;font-weight:700;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(0,0,95,.06);pointer-events:none;transform:translateY(var(--mono-y,0px));will-change:transform}
#socio>.wrap{position:relative}
#socio .sec-top{border-bottom-color:rgba(0,0,95,.18)}
.socio{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:start}
.monogram{background:var(--navy);aspect-ratio:4/5;overflow:hidden}
.monogram img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:grayscale(1) contrast(1.05);transition:filter .6s var(--ease)}
.monogram:hover img{filter:none}
.socio h3{font-size:clamp(40px,4.8vw,66px);line-height:1;letter-spacing:-.035em;color:var(--navy);font-weight:700}
.socio h3 .soft{font-weight:300}
.socio .role{color:var(--green-deep);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin:16px 0 20px}
.socio p.bio{font-size:var(--copy-size);line-height:var(--copy-lh);font-weight:300;letter-spacing:var(--copy-track);color:var(--muted);max-width:var(--copy-measure)}
.career{list-style:none;margin-top:32px;border-top:1px solid var(--navy)}
.career li{padding:20px 4px;border-bottom:1px solid var(--line)}
.career li>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.career b{font-size:18px;font-weight:500;color:var(--navy);letter-spacing:-.01em}
.career b em{font-style:normal;font-weight:300;color:var(--muted)}
.career span{font-size:12px;letter-spacing:.12em;color:var(--green-deep);white-space:nowrap}
.career p{font-size:16px;line-height:1.6;font-weight:300;letter-spacing:var(--copy-track);color:var(--muted);margin-top:4px}

/* Contact — editorial split */
.contact{background:#efefef;border-top:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--navy);overflow:hidden}
.contact-main{padding:56px 56px 48px;background:#fff}
.contact-main .title{margin-bottom:28px}
.contact-side{position:relative;background:var(--navy);color:#fff;padding:56px;display:flex;flex-direction:column;gap:0;overflow:hidden}
.contact-side::before{content:"71°";position:absolute;right:-4%;bottom:-6%;font-size:28vw;line-height:1;font-weight:700;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);pointer-events:none;transform:translateY(var(--mono-y,0px));will-change:transform}
.contact-side>*{position:relative}
.side-head{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:18px;margin-bottom:32px}
form{display:grid;gap:20px;margin-top:8px}
form input,form select,form textarea{font-family:inherit;font-size:16px;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);width:100%;border-radius:0;transition:border-color .3s}
form input:focus,form select:focus,form textarea:focus{outline:none;border-bottom-color:var(--navy)}
form input::placeholder,form textarea::placeholder{color:#9aa0b3}
form select{padding:14px 0}
form textarea{min-height:110px;resize:vertical}
form button{justify-content:center;margin-top:8px}
.fine{font-size:12px;color:var(--muted)}
.c-lines{display:grid;gap:0}
.c-lines div{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:17px;line-height:1.6;font-weight:300;letter-spacing:var(--copy-track)}
.c-lines div:first-child{padding-top:0}
.c-lines small{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#7bd8a4;margin-bottom:8px}
.c-lines a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px}
.c-lines a:hover{color:#7bd8a4;border-color:#7bd8a4}
.side-foot{margin-top:auto;padding-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.side-foot a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 16px}
.side-foot a:hover{background:#fff;color:var(--navy);border-color:#fff}

footer{padding:40px 0;border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted);text-align:center}
footer nav{display:flex;gap:22px}
footer nav a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--navy)}

/* Luxury motion system */
:root{--ease:cubic-bezier(.22,1,.36,1)}
header{transition:box-shadow .4s var(--ease)}
header.scrolled{box-shadow:0 1px 24px rgba(0,0,95,.1)}
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--green);z-index:60}
.hero-content h1,.hero-content .hero-cta{opacity:0}
body.loaded .hero-content h1{animation:heroUp 1.1s var(--ease) .1s forwards}
body.loaded .hero-content .hero-cta{animation:heroUp 1.1s var(--ease) .32s forwards}
@keyframes heroUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes heroFade{from{opacity:0}to{opacity:1}}
.hero-bg img{transform:scale(1.08);transition:transform 2.4s var(--ease)}
body.loaded .hero-bg img{transform:scale(1)}
section.block{padding:140px 0}
section.block .title{letter-spacing:-.035em}
.strip .wrap{padding:20px 32px}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-reveal].visible{opacity:1;transform:none}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease-out}
.reveal.visible{opacity:1;transform:none}
#menu a.active span{color:var(--green-deep)}
@media(prefers-reduced-motion:reduce){
  .reveal,[data-reveal]{opacity:1 !important;transform:none !important;transition:none}
  html{scroll-behavior:auto}
  .hero-content h1,.hero-content .hero-cta,.hero-base{opacity:1;animation:none}
  .hero-bg img{transform:none;transition:none}
  .firma::before,.areas::before,#socio::before,#contacto::before,.contact-side::before{transform:none !important}
}

@media(max-width:900px){
  header .wrap{padding-left:20px;padding-right:20px}
  .nav{flex-wrap:nowrap;height:72px;padding-top:0;padding-bottom:0}
  .head-nav{display:none}
  .hic{display:none}
  .lang-h{display:none}
  .menubtn{display:flex}
  .overlay-links{display:flex;flex-direction:column}
  .overlay-links a span{font-size:34px}
  .overlay-foot{margin:auto 0;flex-direction:column;align-items:flex-start;gap:16px;font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;border-top:1px solid rgba(0,0,95,.18);padding-top:22px}
  .overlay-foot span{display:none}
  .overlay-foot>*{opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
  body.menu-open .overlay-foot>*{opacity:1;transform:none}
  section.block{padding:72px 0}
  .sec-top{margin-bottom:44px}
  .split,.contact-grid,.socio{grid-template-columns:1fr;gap:32px}
  #firma .stack{gap:36px}
  .minilist{grid-template-columns:1fr}
  .minilist li{padding:28px 24px}
  .hero-content{padding:90px 20px 120px}
  .acc-head{padding:26px 2px}
  .acc-title{font-size:26px}
  .contact-main{padding:40px 28px}
  .contact-side{padding:40px 28px}
  .band{height:44vh;min-height:300px}
  .page-hero h1{font-size:clamp(36px,9vw,54px)}
  .prevnext a{padding:22px 24px}
  .prevnext a b{font-size:18px}
}

/* Subpages */
.page-hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;padding:190px 0 96px;min-height:98vh;display:flex;align-items:center}
.page-hero .bg{position:absolute;inset:0}
.page-hero .bg img{position:absolute;top:0;bottom:0;left:66.666%;width:33.334%;height:100%;object-fit:cover;object-position:center;opacity:1;filter:grayscale(.9) contrast(1.06);transform:translateY(var(--hero-y,0px)) scale(1.12);will-change:transform}
.page-hero .bg::after{content:none}
.page-hero .wrap{position:relative;width:100%}
.crumbs{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:28px}
.crumbs a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}
.crumbs a:hover{color:#7bd8a4;border-color:#7bd8a4}
.page-hero h1{font-size:clamp(40px,6vw,80px);letter-spacing:-.035em;line-height:1;font-weight:700;max-width:920px;text-wrap:balance}
.page-hero h1 .soft{font-weight:300}
.page-hero h1 .soft i,.page-hero h1>i{font-style:normal;color:#7bd8a4}
.page-hero .sub{margin-top:24px;font-size:19px;line-height:1.7;font-weight:300;letter-spacing:var(--copy-track);color:rgba(255,255,255,.8);max-width:600px}
/* Variante hero clara: fondo blanco, imagen full width */
.page-hero--light{background:#fff;color:var(--navy);min-height:98vh}
.page-hero--light .bg img{left:25%;width:80%;object-position:center;filter:grayscale(.9) contrast(1.04)}
.page-hero--light .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,.85) 45%,rgba(255,255,255,.55) 65%,rgba(255,255,255,.25) 82%,rgba(255,255,255,.1) 100%)}
.page-hero--light h1{color:var(--navy)}
.page-hero--light .sub{color:var(--muted)}
.page-hero--light .crumbs{color:var(--muted)}
.page-hero--light .crumbs a{color:var(--navy);border-bottom-color:rgba(0,0,95,.4)}
.page-hero--light .crumbs a:hover{color:var(--green-deep);border-color:var(--green-deep)}
@media(max-width:900px){.page-hero.page-hero--light .bg img{opacity:.3}}
/* Crisis: imagen anclada abajo a la derecha */
.page-hero--crisis .bg img{object-position:bottom right}
/* Derecho Público: imagen anclada abajo al centro */
.page-hero--derecho .bg img{object-position:center bottom}
/* Litigios: imagen centrada */
.page-hero--litigios .bg img{object-position:center}
.backbar{background:#fff;border-bottom:1px solid var(--line)}
.backbar .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.prose p{font-size:19px;line-height:1.7;max-width:600px;margin-bottom:26px;font-weight:300;letter-spacing:var(--copy-track)}
.prose ol{margin:0 0 26px 24px;max-width:600px}
.prose li{font-size:19px;line-height:1.7;font-weight:300;letter-spacing:var(--copy-track);margin-bottom:14px;padding-left:8px}
.prose li::marker{color:var(--navy);font-weight:500}
.prose .tmpnote{display:block;margin:6px 0 44px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--green-deep)}
.prevnext{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--navy);margin-top:80px}
.prevnext a{padding:28px 32px}
.prevnext a span{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.prevnext a b{font-size:21px;font-weight:500;color:var(--navy);letter-spacing:-.01em;line-height:1.25}
.prevnext a.next{text-align:right;border-left:1px solid var(--navy)}
.prevnext a:hover{background:var(--navy)}
.prevnext a:hover b{color:#fff}
.prevnext a:hover span{color:#7bd8a4}
.pjax{position:fixed;inset:0;background:#fff;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease-in}
.pjax.go{opacity:.5;pointer-events:all}
.pjax.leave{opacity:0;transition:opacity .7s ease-out}
@media(max-width:900px){
  .page-hero{padding:150px 0 72px}
  .page-hero .bg img{left:0;width:100%;opacity:.22;-webkit-mask-image:none;mask-image:none}
  .prevnext{grid-template-columns:1fr}
  .prevnext a.next{text-align:left;border-left:0;border-top:1px solid var(--navy)}
}

/* Homepage content refresh (solo home #areas) */
.firma-copy{max-width:var(--copy-measure);margin-top:20px;font-size:var(--copy-size);line-height:var(--copy-lh);font-weight:300;letter-spacing:var(--copy-track);color:var(--muted)}
#areas{background:#fff;color:var(--ink)}
#areas::before{-webkit-text-stroke-color:rgba(0,0,95,.06)}
#areas .sec-top{border-bottom-color:var(--line);color:var(--muted)}
#areas .sec-top span,#areas .sec-top span:last-child{color:var(--navy)}
#areas h2.title{color:var(--navy)}
.areas-intro{display:block;margin-bottom:56px}
.areas-intro p{font-size:var(--copy-size);line-height:var(--copy-lh);font-weight:300;letter-spacing:var(--copy-track);color:var(--muted);max-width:var(--copy-measure);margin-top:28px}
.practice-slider{position:relative}
.practice-grid{display:flex;overflow-x:auto;gap:24px;border-top:1px solid rgba(0,0,95,.16);border-left:1px solid rgba(0,0,95,.16);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.practice-grid::-webkit-scrollbar{display:none}
.practice-card{position:relative;overflow:hidden;flex:0 0 calc((100% - 24px)/2);max-width:calc((100% - 24px)/2);scroll-snap-align:start;min-height:295px;padding:38px;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid rgba(0,0,95,.16);border-bottom:1px solid rgba(0,0,95,.16);background:#fff}
.practice-card::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;filter:grayscale(.9);transition:opacity .5s var(--ease);pointer-events:none}
.practice-card::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.74);transition:background .5s var(--ease);pointer-events:none}
.practice-card:nth-child(1)::before{background-image:url("img/editorial/tragaluz.webp")}
.practice-card:nth-child(2)::before{background-image:url("img/editorial/arcos-concreto.webp")}
.practice-card:nth-child(3)::before{background-image:url("img/editorial/fachada-geometrica.webp")}
.practice-card:nth-child(4)::before{background-image:url("img/editorial/cuerdas-piano.webp")}
.practice-card:nth-child(5)::before{background-image:url("img/editorial/puente-atirantado.webp")}
.practice-card:hover::before{opacity:.3}
.practice-card:hover::after{background:rgba(0,0,95,.93)}
.practice-card>*{position:relative;z-index:1;transition:color .4s var(--ease)}
.practice-card h3{font-size:clamp(26px,3vw,40px);line-height:1.03;letter-spacing:-.03em;font-weight:500;color:var(--navy);max-width:490px}
.practice-card p{font-size:17px;line-height:1.7;font-weight:300;letter-spacing:var(--copy-track);color:var(--muted);margin:22px 0 30px;max-width:420px}
.practice-card span{margin-top:auto;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--navy);border-bottom:1px solid var(--green);padding-bottom:5px;transition:color .4s var(--ease),border-color .4s var(--ease)}
.practice-card i{font-style:normal;color:var(--green-deep);margin-left:4px;transition:transform .35s var(--ease),color .4s var(--ease)}
.practice-card:hover h3{color:#fff}
.practice-card:hover p{color:rgba(255,255,255,.82)}
.practice-card:hover span{color:#fff;border-bottom-color:#7bd8a4}
.practice-card:hover i{color:#7bd8a4}
.practice-nav{display:flex;gap:12px;margin-top:28px}
.practice-arrow{width:52px;height:52px;border-radius:50%;border:1px solid var(--navy);background:transparent;color:var(--navy);font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .35s var(--ease),color .35s var(--ease),opacity .3s}
.practice-arrow:hover:not(:disabled){background:var(--navy);color:#fff}
.practice-arrow:disabled{opacity:.28;cursor:default}
.practice-arrow:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.practice-grid{scroll-behavior:auto;scroll-snap-type:none}}
.practice-card:hover i{display:inline-block;transform:translateX(5px)}
#socio .title{font-size:clamp(31px,3.7vw,49px);margin-bottom:46px;max-width:760px}
#socio .socio h3{font-size:clamp(28px,2.9vw,40px);line-height:1.04;font-weight:300;letter-spacing:-.02em;margin-top:-14px;margin-bottom:30px}
.socio-copy{margin-top:22px;font-size:var(--copy-size);line-height:var(--copy-lh);font-weight:300;letter-spacing:var(--copy-track);color:var(--muted);max-width:var(--copy-measure)}

/* Listado de publicaciones */
.byline{margin-top:16px;font-size:13px;letter-spacing:.02em;font-weight:300;color:var(--muted)}
.byline b{font-weight:500;color:var(--navy);letter-spacing:.08em}
.post-tags{display:flex;flex-wrap:wrap;gap:10px;max-width:600px;margin:8px auto 0}
.post-tags span{font-size:13px;letter-spacing:0;text-transform:none;color:var(--muted);border:1px solid var(--line);padding:7px 12px}
.post-body .prose{max-width:600px;margin-left:auto;margin-right:auto}
.bposts{list-style:none;border-top:1px solid rgba(0,0,95,.16)}
.bposts li{border-bottom:1px solid rgba(0,0,95,.16)}
.bpost-btn{display:grid;grid-template-columns:180px 1fr auto;gap:16px 40px;align-items:center;padding:34px 4px;transition:background .4s var(--ease),padding .4s var(--ease)}
.bpost-btn:hover{background:#f5f7fa;padding-left:18px;padding-right:18px}
.bpost-btn time{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.bpost-btn h3{font-size:clamp(24px,2.6vw,34px);line-height:1.1;letter-spacing:-.03em;font-weight:300;color:var(--navy)}
.bpost-btn .arrow{font-size:20px;color:var(--green-deep);transition:transform .35s var(--ease)}
.bpost-btn:hover .arrow{transform:translateX(6px)}
@media(max-width:900px){.bpost-btn{grid-template-columns:1fr;gap:12px;padding:26px 0}}

/* Tarjetas de Socio & Asociados */
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.person{display:flex;flex-direction:column;border:1px solid rgba(0,0,95,.16);background:#fff;transition:border-color .4s var(--ease),transform .4s var(--ease)}
.person:hover{border-color:var(--navy);transform:translateY(-4px)}
.person:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.person-media{position:relative;overflow:hidden;background:#f5f7fa;aspect-ratio:4/5}
.person-media img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:grayscale(1) contrast(1.05);transition:filter .6s var(--ease),transform .6s var(--ease)}
.person:hover .person-media img{filter:grayscale(.2);transform:scale(1.02)}
.person-body{display:flex;flex-direction:column;align-items:flex-start;padding:32px 34px 34px;flex:1}
.person-role{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--green-deep);margin-bottom:14px;line-height:17px;min-height:17px}
.person-name{font-size:clamp(24px,2.2vw,30px);line-height:1.08;letter-spacing:-.025em;font-weight:300;color:var(--navy)}
.person-name .soft{font-weight:300}
.person-desc{margin-top:18px;margin-bottom:30px;font-size:var(--copy-size);line-height:var(--copy-lh);font-weight:300;letter-spacing:var(--copy-track);color:var(--muted);max-width:44ch}
.person-cta{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding:13px 24px;border:1px solid var(--navy);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--navy);transition:background .35s var(--ease),color .35s var(--ease)}
.person:hover .person-cta{background:var(--navy);color:#fff}
.person-cta i{font-style:normal;color:var(--green-deep);transition:transform .35s var(--ease),color .35s var(--ease)}
.person:hover .person-cta i{color:#7bd8a4;transform:translateX(5px)}

/* Hero de perfil */
.page-hero--profile{background:#fff;color:var(--navy);min-height:auto;padding:170px 0 44px}
.page-hero--profile .crumbs{color:var(--muted)}
.page-hero--profile .crumbs a{color:var(--navy);border-bottom-color:rgba(0,0,95,.4)}
.page-hero--profile .crumbs a:hover{color:var(--green-deep);border-color:var(--green-deep)}
.profile-top{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:center}
.profile-media{overflow:hidden;background:#f5f7fa;aspect-ratio:4/5}
.profile-media img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:grayscale(.2)}
.profile-role{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--green-deep);margin-bottom:18px}
.page-hero--profile h1{font-size:clamp(34px,4.4vw,58px)}
.page-hero--profile .sub{color:var(--muted);max-width:520px}
.profile-career{margin-top:72px}
section.profile-body{padding-top:56px}
.profile-h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;font-weight:700;color:var(--navy);margin-bottom:32px}
@media(max-width:1100px){.people{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .people{grid-template-columns:1fr}
  .person-body{padding:26px 24px 28px}
  .page-hero--profile{padding:140px 0 48px}
  section.profile-body{padding-top:52px}
  .profile-top{grid-template-columns:1fr;gap:32px;align-items:start}
  .profile-media{max-width:280px}
}
.contact-intro .title{color:#fff;font-size:clamp(36px,4vw,55px);margin-bottom:22px}
.contact-intro .title .soft{font-weight:300}.contact-intro>p{font-size:var(--copy-size);line-height:var(--copy-lh);font-weight:300;letter-spacing:var(--copy-track);color:rgba(255,255,255,.8);margin-bottom:40px;max-width:480px}
.contact-main h3{font-size:clamp(28px,3.3vw,40px);letter-spacing:-.025em;line-height:1;color:var(--navy);font-weight:500}.form-intro{margin:14px 0 12px;color:var(--muted);font-size:17px;line-height:1.7;font-weight:300;letter-spacing:var(--copy-track);max-width:460px}
form label{display:grid;gap:7px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--navy)}
form label input,form label textarea{margin:0;text-transform:none;letter-spacing:0;font-weight:400}
@media(max-width:900px){.areas-intro{grid-template-columns:1fr;gap:22px;margin-bottom:36px}.practice-grid{gap:16px}.practice-card{flex-basis:100%;max-width:100%}.practice-card{min-height:235px;padding:30px 24px}.contact-intro .title{font-size:clamp(34px,9vw,48px)}}

.hero-bg--library::after{background:linear-gradient(180deg,rgba(0,0,95,.79),rgba(0,0,95,.5) 50%,rgba(0,10,30,.84))}