*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --gold:#E8A030;--gold-l:#F2BC68;--gold-d:#C4851A;
  --black:#0F0F0F;--dark:#1A1A1A;--gray:#888;--light:#F5F3EF;--white:#FFFFFF;
  --fd:'Cormorant Garamond',serif;--fb:'Montserrat',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--white);color:var(--dark);overflow-x:hidden}

/* MODAL */
.modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:2rem}
.modal-box{background:var(--dark);max-width:560px;width:100%;border:1px solid rgba(232,160,48,.3);padding:3rem}
.modal-eyebrow{font-size:9px;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;font-weight:400;margin-bottom:1.25rem}
.modal-title{font-family:var(--fd);font-size:1.8rem;font-weight:300;color:var(--white);margin-bottom:1.25rem;line-height:1.2}
.modal-text{font-size:11px;color:rgba(255,255,255,.55);line-height:1.9;font-weight:300;margin-bottom:2rem}
.modal-btn{font-family:var(--fb);font-size:10px;letter-spacing:.25em;text-transform:uppercase;font-weight:500;background:var(--gold);color:var(--black);border:none;padding:1rem 2.5rem;cursor:pointer;width:100%}
.modal-btn:hover{background:var(--gold-l)}

/* DROPDOWN */
.nav-mas-wrap{position:relative}
.nav-dropdown{display:none;position:absolute;top:calc(100% + 1rem);right:0;background:rgba(10,10,10,.98);border:1px solid rgba(232,160,48,.2);min-width:200px;z-index:200;padding:.5rem 0;backdrop-filter:blur(10px)}
.nav-dropdown.open{display:block}
.nav-dropdown a{display:block;padding:.75rem 1.5rem;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);text-decoration:none;cursor:pointer;transition:color .2s,background .2s;font-family:var(--fb);font-weight:400;border-left:2px solid transparent}
.nav-dropdown a:hover{color:var(--gold);background:rgba(232,160,48,.05);border-left-color:var(--gold)}
.nav-mas-btn.open{color:var(--gold)!important}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2.25rem;background:rgba(10,10,10,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(232,160,48,.2)}
.nav-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;text-decoration:none}
.logo-text{font-size:11px;font-weight:500;color:var(--white);letter-spacing:.15em;text-transform:uppercase;line-height:1.4}
.logo-text span{display:block;font-size:9px;color:var(--gold);letter-spacing:.2em;font-weight:300}
.nav-links{display:flex;gap:1.15rem;list-style:none;align-items:center;white-space:nowrap}
.nav-links a{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s;font-weight:400;cursor:pointer}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:1rem}
.lang-btn{font-size:10px;letter-spacing:.15em;color:rgba(255,255,255,.4);background:none;border:none;cursor:pointer;font-family:var(--fb);text-transform:uppercase;padding:.2rem .4rem;transition:color .3s}
.lang-btn.active,.lang-btn:hover{color:var(--gold)}
.lang-sep{color:rgba(255,255,255,.2);font-size:10px}
.hamburger{display:none}

/* SECTIONS */
.page-section{display:none}
.page-section.active{display:block}

/* SHARED */
.section{padding:6rem 3rem}
.section-light{background:var(--light)}
.section-dark{background:var(--dark)}
.section-black{background:var(--black)}
.section-white{background:var(--white)}
.eyebrow{font-size:9px;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;font-weight:400;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}
.eyebrow::before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold)}
.sec-title{font-family:var(--fd);font-size:clamp(2rem,3.5vw,3rem);font-weight:300;line-height:1.1;color:var(--dark)}
.sec-title em{font-style:italic;color:var(--gold)}
.sec-title.light{color:var(--white)}
.sec-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem}
.btn-primary{font-family:var(--fb);font-size:10px;letter-spacing:.25em;text-transform:uppercase;font-weight:500;background:var(--gold);color:var(--black);border:none;padding:.9rem 2rem;cursor:pointer;transition:background .3s}
.btn-primary:hover{background:var(--gold-l)}
.btn-ghost{font-family:var(--fb);font-size:10px;letter-spacing:.25em;text-transform:uppercase;font-weight:400;background:transparent;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.2);padding:.9rem 2rem;cursor:pointer;transition:all .3s}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-ghost-dark{font-family:var(--fb);font-size:10px;letter-spacing:.25em;text-transform:uppercase;font-weight:400;background:transparent;color:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.15);padding:.9rem 2rem;cursor:pointer;transition:all .3s}
.btn-ghost-dark:hover{border-color:var(--gold);color:var(--gold-d)}

/* HERO */
.hero{height:100vh;background:var(--black);position:relative;display:flex;align-items:flex-end;padding:0 3rem 5rem;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,160,48,.06) 0%,transparent 50%),linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.85) 100%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(232,160,48,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(232,160,48,.04) 1px,transparent 1px);background-size:80px 80px}
.hero-accent{position:absolute;top:15%;right:8%;width:280px;height:280px;border:1px solid rgba(232,160,48,.15);transform:rotate(12deg)}
.hero-accent2{position:absolute;top:20%;right:12%;width:200px;height:200px;border:1px solid rgba(232,160,48,.08);transform:rotate(25deg)}
.hero-content{position:relative;z-index:2;max-width:700px}
.hero-eyebrow{font-size:10px;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;font-weight:400;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}
.hero-eyebrow::before{content:'';display:block;width:40px;height:1px;background:var(--gold)}
.hero-title{font-family:var(--fd);font-size:clamp(3rem,6vw,5rem);font-weight:300;color:var(--white);line-height:1.1;margin-bottom:1.5rem}
.hero-title em{font-style:italic;color:var(--gold-l)}
.hero-sub{font-size:15px;color:rgba(255,255,255,.6);font-weight:300;max-width:480px;line-height:1.8;margin-bottom:2.5rem;letter-spacing:.04em}
.hero-ctas{display:flex;gap:1rem}
.hero-scroll{position:absolute;bottom:2.5rem;right:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}
.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:.4}50%{opacity:1}}
.scroll-text{font-size:8px;letter-spacing:.25em;color:rgba(255,255,255,.3);text-transform:uppercase;writing-mode:vertical-rl}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero-content>*{animation:fadeInUp .8s ease forwards;opacity:0}
.hero-eyebrow{animation-delay:.2s}.hero-title{animation-delay:.4s}.hero-sub{animation-delay:.6s}.hero-ctas{animation-delay:.8s}

/* STATS */
.stats-bar{background:var(--dark);padding:2.5rem 3rem;display:flex;border-bottom:1px solid rgba(232,160,48,.15)}
.stat-item{flex:1;text-align:center;padding:0 1.5rem;position:relative}
.stat-item::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);height:40px;width:1px;background:rgba(232,160,48,.2)}
.stat-item:last-child::after{display:none}
.stat-num{font-family:var(--fd);font-size:2.5rem;font-weight:600;color:var(--gold);line-height:1;margin-bottom:.4rem}
.stat-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:300}

/* DIFERENCIADORES */
.dif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(232,160,48,.1)}
.dif-card{background:var(--white);padding:2.5rem;transition:background .3s;cursor:default}
.dif-card:hover{background:var(--dark)}
.dif-card:hover .dif-title{color:var(--white)}
.dif-card:hover .dif-text{color:rgba(255,255,255,.5)}
.dif-card:hover .dif-num{color:rgba(232,160,48,.1)}
.dif-num{font-family:var(--fd);font-size:3.5rem;font-weight:300;color:rgba(232,160,48,.13);line-height:1;margin-bottom:1rem;transition:color .3s}
.dif-title{font-size:12px;font-weight:500;letter-spacing:.05em;color:var(--dark);margin-bottom:.75rem;transition:color .3s}
.dif-text{font-size:11px;color:var(--gray);line-height:1.8;font-weight:300;transition:color .3s}

/* PENTAGONO */
.penta-wrap{display:flex;align-items:center;justify-content:center}
.penta-svg{width:100%;max-width:520px;filter:drop-shadow(0 0 40px rgba(232,160,48,.12)) drop-shadow(0 20px 60px rgba(0,0,0,.6));cursor:pointer}
.seg{cursor:pointer}
.seg .seg-bg{transition:filter .3s}
.seg:hover .seg-bg{filter:brightness(1.3)}
.seg.active .seg-bg{filter:brightness(1.4)}
.seg.dimmed{opacity:.28}
.penta-panel{min-height:440px;display:flex;flex-direction:column;justify-content:center}
.penta-empty{text-align:center;opacity:.35}
.penta-empty-icon{width:52px;height:52px;border:1px solid rgba(232,160,48,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.penta-empty-text{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.35);font-weight:300}
.penta-content{display:none;animation:fadeIn .4s ease}
.penta-content.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.penta-cat-tag{font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:.6rem;display:flex;align-items:center;gap:.75rem}
.penta-cat-tag::before{content:'';display:inline-block;width:22px;height:1px;background:var(--gold)}
.penta-cat-title{font-family:var(--fd);font-size:2.2rem;font-weight:300;color:var(--white);line-height:1.05;margin-bottom:2rem}
.penta-cat-title em{font-style:italic;color:var(--gold-l)}
.proj-list{display:flex;flex-direction:column;gap:1rem}
.proj-item{border:1px solid rgba(232,160,48,.15);padding:1.25rem 1.5rem;position:relative;overflow:hidden;transition:border-color .3s,background .3s}
.proj-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);transform:scaleY(0);transform-origin:bottom;transition:transform .3s}
.proj-item:hover::before{transform:scaleY(1)}
.proj-item:hover{border-color:rgba(232,160,48,.4);background:rgba(232,160,48,.04)}
.proj-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}
.proj-name{font-family:var(--fd);font-size:1.5rem;font-weight:300;color:var(--white)}
.proj-status{font-size:8px;letter-spacing:.2em;text-transform:uppercase;padding:.25rem .7rem;background:rgba(232,160,48,.15);color:var(--gold);font-weight:400}
.proj-location{font-size:10px;color:rgba(255,255,255,.4);font-weight:300;letter-spacing:.04em}
.nuevo-panel{text-align:center;padding:1rem 0}
.nuevo-ring{width:72px;height:72px;border-radius:50%;border:1px solid rgba(232,160,48,.4);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:rgba(232,160,48,.06)}
.nuevo-ptitle{font-family:var(--fd);font-size:2rem;font-weight:300;color:var(--white);line-height:1.15;margin-bottom:.75rem}
.nuevo-ptitle em{font-style:italic;color:var(--gold-l)}
.nuevo-pdesc{font-size:12px;color:rgba(255,255,255,.45);line-height:1.85;font-weight:300;max-width:300px;margin:0 auto 1.75rem}

/* TEASER */
.teaser-wrap{background:var(--black);padding:5rem 3rem;position:relative;overflow:hidden}
.teaser-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(232,160,48,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(232,160,48,.03) 1px,transparent 1px);background-size:60px 60px}
.teaser-accent{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:60px;background:linear-gradient(to bottom,transparent,rgba(232,160,48,.4))}
.teaser-inner{position:relative;z-index:2;max-width:580px;margin:0 auto;text-align:center}
.teaser-tag{display:inline-block;font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:2rem;padding:.35rem 1.2rem;border:1px solid rgba(232,160,48,.25)}
.teaser-title{font-family:var(--fd);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:300;color:var(--white);line-height:1.1;margin-bottom:1.25rem}
.teaser-title em{font-style:italic;color:var(--gold-l)}
.teaser-sub{font-size:12px;color:rgba(255,255,255,.45);line-height:1.9;font-weight:300;margin-bottom:2.5rem;max-width:420px;margin-left:auto;margin-right:auto}
.teaser-div{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;justify-content:center}
.teaser-div-line{width:50px;height:1px;background:rgba(232,160,48,.25)}
.teaser-div-dot{width:4px;height:4px;background:var(--gold);transform:rotate(45deg)}
.teaser-form{display:flex;max-width:420px;margin:0 auto 1rem}
.teaser-input{flex:1;font-family:var(--fb);font-size:11px;font-weight:300;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-right:none;color:var(--white);padding:.85rem 1.2rem;outline:none;transition:border-color .3s}
.teaser-input::placeholder{color:rgba(255,255,255,.25)}
.teaser-input:focus{border-color:rgba(232,160,48,.5)}
.teaser-btn{font-family:var(--fb);font-size:9px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;background:var(--gold);color:var(--black);border:none;padding:.85rem 1.5rem;cursor:pointer;transition:background .3s;white-space:nowrap}
.teaser-btn:hover{background:var(--gold-l)}
.teaser-note{font-size:9px;color:rgba(255,255,255,.2);letter-spacing:.1em;font-weight:300}
.teaser-ok{display:none;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}
.teaser-ok-icon{width:44px;height:44px;border:1px solid rgba(232,160,48,.4);display:flex;align-items:center;justify-content:center;margin:0 auto}
.teaser-ok-txt{font-family:var(--fd);font-size:1.4rem;font-weight:300;color:var(--gold)}
.teaser-ok-sub{font-size:11px;color:rgba(255,255,255,.4);font-weight:300}

/* NOSOTROS */
.nos-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;padding-bottom:4rem}
.nos-title{font-family:var(--fd);font-size:clamp(2.5rem,4vw,3.8rem);font-weight:300;color:var(--white);line-height:1.05}
.nos-title em{font-style:italic;color:var(--gold-l)}
.nos-fecha{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.nos-fecha-num{font-family:var(--fd);font-size:4rem;font-weight:300;color:rgba(232,160,48,.15);line-height:1}
.nos-fecha-txt{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3);font-weight:300;line-height:1.8}
.nos-historia{font-family:var(--fd);font-size:1.1rem;font-style:italic;color:rgba(255,255,255,.55);line-height:1.9;font-weight:300;border-left:1px solid rgba(232,160,48,.3);padding-left:1.5rem}
.nos-franja{background:var(--gold);padding:1.25rem 3rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}
.nos-franja-text{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--black);font-weight:500}
.nos-franja-sep{width:4px;height:4px;background:rgba(0,0,0,.25);transform:rotate(45deg)}
.nos-mv{background:var(--white);display:grid;grid-template-columns:1fr 1fr}
.nos-mv-item{padding:3.5rem 3rem}
.nos-mv-item:first-child{border-right:1px solid rgba(0,0,0,.06)}
.nos-mv-label{font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}
.nos-mv-label::before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold)}
.nos-mv-text{font-family:var(--fd);font-size:1.3rem;font-weight:300;color:var(--dark);line-height:1.55}
.nos-mv-text em{font-style:italic;color:var(--gold-d)}
.nos-valores-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem}
.nos-valores-nota{font-size:9px;letter-spacing:.12em;color:var(--gray);font-weight:300;text-align:right;max-width:160px;line-height:1.8}
.nos-valores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px;background:rgba(232,160,48,.12)}
.nos-valor{background:var(--white);padding:2.5rem 1.75rem;transition:background .3s;cursor:default}
.nos-valor:hover{background:var(--dark)}
.nos-valor:hover .nv-num{color:rgba(232,160,48,.1)}
.nos-valor:hover .nv-title{color:var(--white)}
.nos-valor:hover .nv-desc{color:rgba(255,255,255,.45)}
.nos-valor:hover .nv-line{background:rgba(232,160,48,.35)}
.nv-num{font-family:var(--fd);font-size:3rem;font-weight:300;color:rgba(232,160,48,.12);line-height:1;margin-bottom:1.25rem;transition:color .3s}
.nv-line{width:24px;height:1px;background:rgba(232,160,48,.4);margin-bottom:1rem;transition:background .3s}
.nv-title{font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--dark);margin-bottom:.75rem;text-transform:uppercase;transition:color .3s}
.nv-desc{font-size:11px;color:var(--gray);line-height:1.8;font-weight:300;transition:color .3s}
.nos-sello{background:var(--black);padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.nos-sello-text{font-family:var(--fd);font-size:1.5rem;font-weight:300;color:rgba(255,255,255,.65);font-style:italic;max-width:500px;line-height:1.45}
.nos-sello-text strong{color:var(--gold);font-weight:400}
.nos-sello-year{font-family:var(--fd);font-size:3rem;font-weight:300;color:rgba(232,160,48,.18);line-height:1;display:block;text-align:right}
.nos-sello-lugar{font-size:9px;letter-spacing:.25em;color:rgba(255,255,255,.2);text-transform:uppercase;font-weight:300;display:block;text-align:right}

/* PROCESO */
.proceso-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start}
.proceso-nav{display:flex;flex-direction:column;gap:.25rem;position:sticky;top:5rem}
.pnav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;cursor:pointer;transition:all .3s;border-left:2px solid transparent}
.pnav-item.active{border-left-color:var(--gold)}
.pnav-num{font-family:var(--fd);font-size:1.1rem;font-weight:300;color:rgba(232,160,48,.3);transition:color .3s;min-width:28px}
.pnav-item.active .pnav-num{color:var(--gold)}
.pnav-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);font-weight:400;transition:color .3s}
.pnav-item.active .pnav-label,.pnav-item:hover .pnav-label{color:rgba(255,255,255,.7)}
.paso{display:none;animation:fadeIn .4s ease}
.paso.active{display:block}
.paso-num{font-family:var(--fd);font-size:5rem;font-weight:300;color:rgba(232,160,48,.1);line-height:1;margin-bottom:.5rem}
.paso-tag{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}
.paso-tag::before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold)}
.paso-title{font-family:var(--fd);font-size:2.2rem;font-weight:300;color:var(--white);line-height:1.1;margin-bottom:.5rem}
.paso-desc{font-size:13px;color:rgba(255,255,255,.55);line-height:1.9;font-weight:300;margin-bottom:1.5rem}
.paso-items{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}
.paso-items li{display:flex;align-items:flex-start;gap:.75rem;font-size:12px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.6}
.paso-items li::before{content:'';display:block;width:16px;height:1px;background:var(--gold);margin-top:.65rem;flex-shrink:0}
.paso-highlight{background:rgba(232,160,48,.08);border:1px solid rgba(232,160,48,.2);padding:1.25rem 1.5rem;margin-bottom:1.5rem}
.paso-highlight-label{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:.5rem}
.paso-highlight-text{font-family:var(--fd);font-size:1.3rem;font-weight:300;color:rgba(255,255,255,.8);font-style:italic}
.paso-nav-btns{display:flex;gap:1rem}
.paso-btn{font-family:var(--fb);font-size:9px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;background:transparent;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.4);padding:.65rem 1.25rem;cursor:pointer;transition:all .3s}
.paso-btn:hover{border-color:var(--gold);color:var(--gold)}
.paso-btn.next{background:rgba(232,160,48,.1);border-color:rgba(232,160,48,.3);color:var(--gold)}
.prog-dots{display:flex;gap:.4rem;margin-bottom:2.5rem}
.prog-dot{width:24px;height:2px;background:rgba(255,255,255,.1);transition:background .3s}
.prog-dot.active{background:var(--gold)}
.prog-dot.done{background:rgba(232,160,48,.3)}

/* CHECKLIST */
.checklist-toggle{display:flex;align-items:center;gap:.75rem;font-family:var(--fb);font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gold);background:rgba(232,160,48,.08);border:1px solid rgba(232,160,48,.3);padding:.75rem 1.25rem;cursor:pointer;width:100%;margin-bottom:0}
.checklist-toggle:hover{background:rgba(232,160,48,.15)}
.checklist-arrow{margin-left:auto;transition:transform .3s}
.checklist-panel{display:none;border:1px solid rgba(232,160,48,.2);border-top:none;background:rgba(232,160,48,.04);padding:1.5rem;margin-bottom:1.5rem}
.cl-num{min-width:20px;height:20px;border:1px solid rgba(232,160,48,.4);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--gold);flex-shrink:0}

/* FAQs */
.faq-grid{display:flex;flex-direction:column;gap:0}
.faq-item{border-bottom:1px solid rgba(0,0,0,.07)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;cursor:pointer;gap:1rem}
.faq-q-text{font-size:13px;font-weight:500;color:var(--dark);line-height:1.4;letter-spacing:.02em}
.faq-icon{width:20px;height:20px;border:1px solid rgba(232,160,48,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;position:relative}
.faq-item.open .faq-icon{background:var(--gold);border-color:var(--gold)}
.faq-icon-h{width:8px;height:1px;background:var(--gold);position:absolute}
.faq-icon-v{width:1px;height:8px;background:var(--gold);position:absolute;transition:all .3s}
.faq-item.open .faq-icon-h{background:var(--black)}
.faq-item.open .faq-icon-v{opacity:0}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-item.open .faq-a{max-height:400px}
.faq-a-inner{padding:0 0 1.5rem;font-size:12px;color:var(--gray);line-height:1.9;font-weight:300}
.faq-a-inner ul{list-style:none;margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem}
.faq-a-inner ul li{display:flex;align-items:flex-start;gap:.75rem}
.faq-a-inner ul li::before{content:'';display:block;width:14px;height:1px;background:var(--gold);margin-top:.6rem;flex-shrink:0}
.faq-profeco{background:rgba(232,160,48,.06);border:1px solid rgba(232,160,48,.2);padding:1.25rem 1.5rem;margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.faq-profeco-text{font-size:12px;color:var(--dark);font-weight:300;line-height:1.7}
.faq-profeco-text strong{font-weight:500}
.faq-profeco-link{font-family:var(--fb);font-size:9px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gold-d);text-decoration:none;border:1px solid rgba(232,160,48,.3);padding:.5rem 1rem;white-space:nowrap;transition:all .3s;flex-shrink:0}
.faq-profeco-link:hover{background:var(--gold);color:var(--black)}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem}
.blog-card{background:var(--white);border:1px solid rgba(0,0,0,.07);transition:border-color .3s;cursor:pointer}
.blog-card:hover{border-color:rgba(232,160,48,.4)}
.blog-card-img{height:180px;background:var(--light);display:flex;align-items:center;justify-content:center;overflow:hidden}
.blog-card:first-child .blog-card-img{height:220px}
.blog-card-geo{opacity:.1}
.blog-card-body{padding:1.5rem}
.blog-cat{font-size:8px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:.6rem}
.blog-title{font-family:var(--fd);font-size:1.2rem;font-weight:300;color:var(--dark);line-height:1.25;margin-bottom:.75rem}
.blog-card:first-child .blog-title{font-size:1.5rem}
.blog-meta{font-size:10px;color:var(--gray);font-weight:300;letter-spacing:.05em}

/* POSTVENTA */
.postventa-banner{background:var(--dark);padding:4rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}
.pv-title{font-family:var(--fd);font-size:2.2rem;font-weight:300;color:var(--white);line-height:1.15;max-width:420px}
.pv-title em{font-style:italic;color:var(--gold-l)}
.pv-steps{display:flex;gap:2rem;flex-shrink:0}
.pvs{text-align:center;width:90px}
.pvs-icon{width:48px;height:48px;border:1px solid rgba(232,160,48,.3);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}
.pvs-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);font-weight:300;line-height:1.6}

/* CONTACTO */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.contact-desc{font-size:12px;color:var(--gray);line-height:1.9;font-weight:300;margin-bottom:2rem}
.contact-details{display:flex;flex-direction:column;gap:1rem}
.contact-detail{display:flex;align-items:center;gap:1rem;font-size:12px;color:var(--dark);font-weight:300}
.cd-icon{width:36px;height:36px;border:1px solid rgba(232,160,48,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-form{display:flex;flex-direction:column;gap:1rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{display:flex;flex-direction:column;gap:.4rem}
.form-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray);font-weight:400}
.form-input,.form-select,.form-textarea{font-family:var(--fb);font-size:12px;color:var(--dark);background:var(--white);border:1px solid rgba(0,0,0,.1);padding:.8rem 1rem;outline:none;font-weight:300;transition:border-color .3s}
.form-input:focus,.form-textarea:focus{border-color:var(--gold)}
.form-select{appearance:none}
.form-textarea{resize:none;height:100px}

/* AVISO */
.aviso-content{max-width:800px;margin:0 auto}
.aviso-content h1{font-family:var(--fd);font-size:2.5rem;font-weight:300;color:var(--dark);margin-bottom:2rem}
.aviso-content p{font-size:12px;color:var(--gray);line-height:1.9;font-weight:300;margin-bottom:1.25rem}
.aviso-content strong{color:var(--dark);font-weight:500}
.aviso-box{background:rgba(232,160,48,.06);border:1px solid rgba(232,160,48,.2);padding:1.25rem 1.5rem;margin-bottom:2rem;font-size:11px;color:var(--gray);line-height:1.8;font-weight:300}

/* FOOTER */
footer{background:var(--black);padding:2.5rem 3rem;border-top:1px solid rgba(232,160,48,.15)}
.footer-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.footer-copy{font-size:10px;color:rgba(255,255,255,.25);letter-spacing:.1em;font-weight:300}
.footer-links{display:flex;gap:2rem}
.footer-links a{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.25);text-decoration:none;transition:color .3s;cursor:pointer}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}
.footer-disclaimer{font-size:9px;color:rgba(255,255,255,.2);font-weight:300;max-width:600px;line-height:1.7;letter-spacing:.02em}
.footer-social{display:flex;gap:1rem;align-items:center}
.social-link{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:border-color .3s,background .3s}
.social-link:hover{border-color:var(--gold);background:rgba(232,160,48,.1)}

/* WHATSAPP */
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;gap:.75rem;cursor:pointer}
.wa-bubble{background:rgba(15,15,15,.85);color:rgba(255,255,255,.8);font-size:11px;font-weight:300;padding:.5rem 1rem;border-radius:4px;white-space:nowrap;opacity:0;transform:translateX(8px);transition:all .3s;pointer-events:none;font-family:var(--fb)}
.wa-float:hover .wa-bubble{opacity:1;transform:translateX(0)}
.wa-btn{width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.35);transition:transform .3s;animation:waPulse 2.5s ease-in-out infinite}
.wa-float:hover .wa-btn{transform:scale(1.08);animation:none}
@keyframes waPulse{0%{box-shadow:0 4px 20px rgba(37,211,102,.35),0 0 0 0 rgba(37,211,102,.3)}60%{box-shadow:0 4px 20px rgba(37,211,102,.35),0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 4px 20px rgba(37,211,102,.35),0 0 0 0 rgba(37,211,102,0)}}


/* NAV TABLET / MOBILE */
@media (max-width: 1080px) {
  nav { padding: 1rem 1.25rem; }
  .nav-links { display: none; }
  .nav-links.mobile-open {
    display: flex; flex-direction: column; gap: 0;
    position: fixed; top: 64px; left: 0; right: 0; bottom: 0;
    background: rgba(10,10,10,0.98); z-index: 99;
    padding: 2rem 1.5rem; overflow-y: auto; align-items: stretch; white-space: normal;
  }
  .nav-links.mobile-open li { border-bottom: 1px solid rgba(232,160,48,.1); }
  .nav-links.mobile-open a { display: block; padding: 1rem 0; font-size: 14px; letter-spacing: .15em; color: rgba(255,255,255,.7); }
  .hamburger { display: flex; flex-direction: column; gap: 5px; cursor: pointer; padding: .4rem; background: none; border: none; z-index: 101; }
  .hamburger span { display: block; width: 22px; height: 1.5px; background: rgba(255,255,255,.7); transition: all .3s; }
  .hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .hamburger.open span:nth-child(2) { opacity: 0; }
  .hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
}

/* ══════════════════════════════════════ */
/* MOBILE — max-width: 768px             */
/* ══════════════════════════════════════ */
@media (max-width: 768px) {

  /* NAV MOBILE */
  nav { padding: 1rem 1.25rem; }
  .nav-links { display: none; }
  .nav-links.mobile-open {
    display: flex; flex-direction: column; gap: 0;
    position: fixed; top: 64px; left: 0; right: 0; bottom: 0;
    background: rgba(10,10,10,0.98); z-index: 99;
    padding: 2rem 1.5rem; overflow-y: auto;
  }
  .nav-links.mobile-open li { border-bottom: 1px solid rgba(232,160,48,.1); }
  .nav-links.mobile-open a { display: block; padding: 1rem 0; font-size: 14px; letter-spacing: .15em; color: rgba(255,255,255,.7); }
  .nav-links.mobile-open .nav-mas-wrap { position: static; }
  .nav-links.mobile-open .nav-dropdown { display: block !important; position: static; border: none; background: transparent; padding: 0 0 0 1rem; }
  .nav-links.mobile-open .nav-dropdown a { padding: .75rem 0; font-size: 12px; color: rgba(255,255,255,.5); border: none; }
  .nav-right { gap: .5rem; }
  .hamburger { display: flex; flex-direction: column; gap: 5px; cursor: pointer; padding: .4rem; background: none; border: none; z-index: 101; }
  .hamburger span { display: block; width: 22px; height: 1.5px; background: rgba(255,255,255,.7); transition: all .3s; }
  .hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .hamburger.open span:nth-child(2) { opacity: 0; }
  .hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

  /* MODAL */
  .modal-box { padding: 2rem 1.5rem; }
  .modal-title { font-size: 1.4rem; }

  /* SECTIONS */
  .section { padding: 3.5rem 1.25rem; }

  /* HERO */
  .hero { padding: 0 1.25rem 3.5rem; }
  .hero-title { font-size: clamp(2.2rem,10vw,3rem); line-height: 1.1; }
  .hero-sub { font-size: 13px; }
  .hero-ctas { flex-direction: column; gap: .75rem; }
  .hero-ctas button { width: 100%; text-align: center; }
  .hero-accent, .hero-accent2 { display: none; }
  .hero-scroll { display: none; }

  /* STATS */
  .stats-bar { padding: 2rem 1.25rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
  .stat-item { padding: 1rem; border-bottom: 1px solid rgba(232,160,48,.1); }
  .stat-item::after { display: none; }
  .stat-item:nth-child(1), .stat-item:nth-child(2) { border-bottom: 1px solid rgba(232,160,48,.1); }
  .stat-num { font-size: 2rem; }

  /* DIFERENCIADORES */
  .dif-grid { grid-template-columns: 1fr; }

  /* PENTÁGONO */
  .sec-header { flex-direction: column; align-items: flex-start; gap: 1rem; }
  [style*="grid-template-columns:1fr 1fr;gap:4rem;align-items:center"] {
    display: flex !important; flex-direction: column; gap: 2rem;
  }
  .penta-svg { max-width: 320px; margin: 0 auto; }
  .penta-wrap { width: 100%; }
  .penta-panel { min-height: auto; width: 100%; }

  /* NOSOTROS */
  .nos-hero-inner { grid-template-columns: 1fr; gap: 2rem; padding-bottom: 2.5rem; }
  .nos-mv { grid-template-columns: 1fr; }
  .nos-mv-item:first-child { border-right: none; border-bottom: 1px solid rgba(0,0,0,.06); }
  .nos-mv-item { padding: 2rem 1.25rem; }
  .nos-valores-grid { grid-template-columns: 1fr 1fr; }
  .nos-valores-header { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .nos-sello { flex-direction: column; gap: 1.5rem; }
  .nos-franja { gap: .75rem; padding: 1.25rem; }
  .nos-franja-text { font-size: 8px; }

  /* PROCESO */
  .proceso-grid { grid-template-columns: 1fr; gap: 2rem; }
  .proceso-nav { position: static; flex-direction: row; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
  .pnav-item { border-left: none; border-bottom: 2px solid transparent; padding: .4rem .6rem; }
  .pnav-item.active { border-bottom-color: var(--gold); border-left: none; }
  .pnav-label { font-size: 8px; letter-spacing: .05em; }
  .pnav-num { font-size: .9rem; min-width: 20px; }
  .prog-dots { display: none; }
  .paso-title { font-size: 1.6rem; }

  /* FAQs */
  [style*="grid-template-columns:1fr 1fr;gap:0 4rem"] {
    display: flex !important; flex-direction: column;
  }
  .faq-profeco { flex-direction: column; gap: 1rem; }
  .faq-profeco-link { align-self: flex-start; }

  /* BLOG */
  .blog-grid { grid-template-columns: 1fr; }

  /* POSTVENTA */
  .postventa-banner { flex-direction: column; align-items: flex-start; gap: 2rem; }
  .pv-steps { gap: 1rem; }
  .pvs { width: 70px; }
  .pvs-label { font-size: 8px; }

  /* CONTACTO */
  .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }

  /* FOOTER */
  .footer-main { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .footer-bottom { flex-direction: column; gap: 1.5rem; align-items: flex-start; }
  .footer-links { flex-wrap: wrap; gap: 1rem; }

  /* AVISO */
  .aviso-content h1 { font-size: 1.8rem; }

  /* NOSOTROS SELLO */
  .nos-sello-year { font-size: 2rem; }

  /* TEASER */
  .teaser-form { flex-direction: column; }
  .teaser-input { border-right: 1px solid rgba(255,255,255,.1); border-bottom: none; }
  .teaser-btn { width: 100%; padding: .85rem; }

  /* GENERAL */
  .sec-title { font-size: clamp(1.8rem,6vw,2.5rem); }
  .nos-title { font-size: clamp(2rem,7vw,3rem); }
  nav { position: fixed; }
}

@media (max-width: 480px) {
  .nos-valores-grid { grid-template-columns: 1fr; }
  .pv-steps { flex-wrap: wrap; justify-content: center; }
  .form-row { grid-template-columns: 1fr; }
  .hero-title { font-size: clamp(1.9rem,9vw,2.5rem); }
  .penta-svg { max-width: 280px; }
}

/* FIX MENU MOBILE — desplegable a pantalla completa */
@media (max-width: 1080px) {
  nav {
    overflow: visible !important;
  }

  body.menu-open {
    overflow: hidden;
  }

  .nav-links {
    display: none;
  }

  .nav-links.mobile-open {
    display: flex !important;
    position: fixed !important;
    top: 64px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100vw !important;
    height: calc(100dvh - 64px) !important;
    min-height: calc(100vh - 64px) !important;
    max-height: calc(100dvh - 64px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 1.25rem 1.5rem 2rem !important;
    margin: 0 !important;
    background: rgba(10,10,10,.985) !important;
    z-index: 9998 !important;
    white-space: normal !important;
  }

  .nav-links.mobile-open li {
    display: block !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    border-bottom: 1px solid rgba(232,160,48,.12) !important;
  }

  .nav-links.mobile-open a {
    display: block !important;
    width: 100% !important;
    padding: 1rem 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .hamburger {
    z-index: 10001 !important;
  }
}

/* IMAGEN FUSIÓN - NOSOTROS */
.nos-left{display:flex;flex-direction:column;align-items:flex-start}
.nos-fusion-img{width:min(100%,560px);max-height:285px;object-fit:cover;object-position:center;display:block;margin:0 auto 2.25rem;border:1px solid rgba(232,160,48,.28);box-shadow:0 0 34px rgba(232,160,48,.12);background:var(--black)}
@media (max-width:768px){.nos-fusion-img{width:100%;max-height:none;margin:0 0 2rem}}



/* HERO AEREO BACKGROUND */
.hero {
    background:
        linear-gradient(to bottom, rgba(0,0,0,0.72), rgba(0,0,0,0.82)),
        url('../assets/hero-aereo.webp') center center / cover no-repeat !important;
    position: relative;
    overflow: hidden;
}

.hero::after{
    content:'';
    position:absolute;
    inset:0;
    background: radial-gradient(circle at center, rgba(232,160,48,0.08), transparent 60%);
    pointer-events:none;
}

.hero-content{
    position:relative;
    z-index:3;
}


/* NAV ISOTIPO AF BLANCO-DORADO */
.nav-logo .nav-isotipo-af{
  width:46px;
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(232,160,48,.16));
}
.nav-logo{
  gap:.85rem;
}
@media(max-width:768px){
  .nav-logo .nav-isotipo-af{
    width:42px;
  }
}


/* SOCIAL LINKS */
.footer-social{
  display:flex;
  gap:1rem;
  align-items:center;
}
.social-link{
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.1);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:border-color .3s,background .3s,transform .3s;
}
.social-link:hover{
  border-color:var(--gold);
  background:rgba(232,160,48,.1);
  transform:translateY(-2px);
}


/* WHATSAPP FLOAT UX FIX */
.wa-float{
  right:1.25rem;
  bottom:6.25rem;
  z-index:120;
  pointer-events:none;
}

.wa-btn{
  pointer-events:auto;
}

.wa-bubble{
  pointer-events:none;
  max-width:180px;
  opacity:.9;
}

.footer-social{
  position:relative;
  z-index:300;
}

@media(max-width:768px){
  .wa-float{
    right:1rem;
    bottom:1rem;
  }

  .wa-bubble{
    display:none !important;
  }

  .wa-btn{
    width:52px;
    height:52px;
  }
}


/* METRICAS PREMIUM ANIMADAS - SAFE */
.stats-bar .counter,
.stats-bar .stat-static{
  white-space:nowrap;
}

@media(max-width:768px){
  .stats-bar .stat-static{
    font-size:1.6rem;
  }
}


/* METRICAS FINAL LABELS */
.stats-bar .stat-num.counter[data-target="10000"]{
  letter-spacing:.01em;
}


/* UNA FORMA DIFERENTE DE DESARROLLAR - MEJOR LEGIBILIDAD */
.values-grid .value-card p,
.different-grid .different-card p,
.approach-grid .approach-card p{
  font-size:1rem !important;
  line-height:1.75 !important;
  letter-spacing:.01em;
}

.values-grid .value-card h3,
.different-grid .different-card h3,
.approach-grid .approach-card h3{
  font-size:1.18rem !important;
  margin-bottom:1rem;
}

@media(max-width:768px){
  .values-grid .value-card p,
  .different-grid .different-card p,
  .approach-grid .approach-card p{
    font-size:.98rem !important;
    line-height:1.7 !important;
  }

  .values-grid .value-card h3,
  .different-grid .different-card h3,
  .approach-grid .approach-card h3{
    font-size:1.08rem !important;
  }
}


/* LEGIBILIDAD REAL DIF GRID */
.dif-title{
    font-size:1.22rem !important;
    line-height:1.4 !important;
    margin-bottom:.9rem !important;
}

.dif-text{
    font-size:1.04rem !important;
    line-height:1.9 !important;
    color:rgba(255,255,255,.82) !important;
}

@media(max-width:768px){
    .dif-title{
        font-size:1.12rem !important;
    }

    .dif-text{
        font-size:1rem !important;
        line-height:1.8 !important;
    }
}


/* FIX LEGIBILIDAD DIF GRID - COLOR NORMAL Y HOVER */
.dif-card .dif-title{
    color:var(--dark) !important;
}

.dif-card .dif-text{
    color:#666 !important;
}

.dif-card:hover .dif-title{
    color:var(--white) !important;
}

.dif-card:hover .dif-text{
    color:rgba(255,255,255,.72) !important;
}