/* EXERGÍA — hoja de estilos compartida entre todas las páginas Nota de tipografía: "Myriad Condensed Web" es fuente licenciada (Adobe Fonts) y no está disponible en CDN público. Se usa 'Oswald' como sustituto visual temporal. Si cuentas con un Kit ID de Adobe Fonts, agrega su en cada antes de este archivo y la tipografía se aplicará sola (mismo font-family declarado abajo). */ :root{ --navy:#234F73; --navy-d:#1A3B57; --navy-l:#2F638F; --orange:#FF7A1A; --orange-d:#E5680A; --bg:#F2F2F2; --white:#FFFFFF; --ink:#1E2B38; --slate:#5B6B7D; --line:#E1E4E8; --line-dark:rgba(242,242,242,0.16); } *{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;line-height:1.6;} h1,h2,h3,h4{font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:0.01em;text-transform:uppercase;} .mono{font-family:'JetBrains Mono',monospace;} a{color:inherit;text-decoration:none;} img{max-width:100%;display:block;} .wrap{max-width:1180px;margin:0 auto;padding:0 32px;} section{padding:100px 0;} @media(max-width:700px){section{padding:68px 0;}} .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:0.78rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange-d);margin-bottom:16px;font-family:'Inter';} .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange-d);} .section-head{max-width:660px;margin-bottom:52px;} .section-head h2{font-size:clamp(1.9rem,3.4vw,2.7rem);color:var(--navy);} .section-head p{margin-top:14px;color:var(--slate);font-size:1.02rem;font-family:'Inter';} .page-head{background:var(--navy-d);color:#fff;padding:64px 0 44px;} .page-head .eyebrow{color:var(--orange);} .page-head .eyebrow::before{background:var(--orange);} .page-head h1{font-size:clamp(2rem,4vw,2.9rem);} .page-head p{margin-top:14px;max-width:560px;color:#D7DEE7;font-family:'Inter';} .btn-primary{display:inline-block;background:var(--orange);color:#fff;padding:15px 28px;font-weight:700;font-size:0.85rem;letter-spacing:0.04em;text-transform:uppercase;border-radius:3px;transition:background .2s;font-family:'Oswald';} .btn-primary:hover{background:var(--orange-d);} .btn-ghost{display:inline-block;border:1.5px solid var(--line-dark);color:var(--white);padding:14px 27px;font-weight:700;font-size:0.85rem;letter-spacing:0.04em;text-transform:uppercase;border-radius:3px;transition:border-color .2s;font-family:'Oswald';} .btn-ghost:hover{border-color:var(--orange);} .btn-ghost.light{color:var(--navy);border-color:var(--line);} :focus-visible{outline:2px solid var(--orange);outline-offset:2px;} /* ---- Nav ---- */ header.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);} header.site-header .wrap{max-width:1360px;} nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:82px;flex-wrap:nowrap;} .brand{flex-shrink:0;} .brand img{height:52px;width:auto;display:block;} .navlinks{display:flex;align-items:center;gap:21px;flex-wrap:nowrap;} .navlinks a{font-size:0.79rem;font-weight:600;color:var(--navy);letter-spacing:0.01em;transition:color .2s;font-family:'Inter';padding-bottom:4px;border-bottom:2px solid transparent;white-space:nowrap;} .navlinks a:hover, .navlinks a.active{color:var(--orange-d);border-bottom-color:var(--orange);} .lang{font-size:0.74rem;color:var(--slate);border:1px solid var(--line);padding:6px 9px;border-radius:4px;margin-right:6px;font-family:'JetBrains Mono';white-space:nowrap;} .lang a{color:var(--slate);transition:color .15s;} .lang a:hover{color:var(--orange-d);} .lang a.lang-on{color:var(--navy);font-weight:700;} .navcta{display:flex;align-items:center;gap:10px;flex-shrink:0;} .navcta .btn-primary{white-space:nowrap;} .mob-cta{display:none;} /* Botón hamburguesa — solo visible cuando el menú horizontal no cabe */ .navtoggle{display:none;background:#fff;border:1px solid var(--line);border-radius:4px;width:46px;height:42px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;padding:0;} .navtoggle i{display:block;width:20px;height:2px;background:var(--navy);position:relative;transition:background .2s;} .navtoggle i::before,.navtoggle i::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--navy);transition:transform .2s, top .2s;} .navtoggle i::before{top:-6px;} .navtoggle i::after{top:6px;} .navtoggle[aria-expanded="true"] i{background:transparent;} .navtoggle[aria-expanded="true"] i::before{top:0;transform:rotate(45deg);} .navtoggle[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg);} @media(max-width:1240px){ .navtoggle{display:flex;} .navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:6px 0;border-bottom:1px solid var(--line);box-shadow:0 18px 32px rgba(15,25,38,0.12);max-height:calc(100vh - 82px);overflow-y:auto;} .navlinks.open{display:flex;} .navlinks a{font-size:0.95rem;padding:15px 32px;border-bottom:1px solid var(--line);border-left:3px solid transparent;} .navlinks a:last-child{border-bottom:none;} .navlinks a:hover,.navlinks a.active{border-bottom-color:var(--line);border-left-color:var(--orange);background:var(--bg);} .mob-cta{display:block;color:var(--orange-d);font-weight:700;} } /* ---- Hero (solo Inicio) ---- */ .hero{position:relative;background:var(--navy-d);color:#fff;overflow:hidden;min-height:640px;display:flex;align-items:flex-end;} .hero-svg{position:absolute;inset:0;width:100%;height:100%;transform-origin:center 40%;animation:heroTilt 18s ease-in-out infinite;} @keyframes heroTilt{ 0%,100%{transform:perspective(1500px) rotateX(7deg) rotateY(-2.2deg) scale(1.1);} 50%{transform:perspective(1500px) rotateX(5deg) rotateY(2.2deg) scale(1.1);} } @media(max-width:820px){.hero-svg{animation:none;transform:perspective(1500px) rotateX(3deg) scale(1.02);}} @media (prefers-reduced-motion: reduce){.hero-svg{animation:none;transform:perspective(1500px) rotateX(6deg) scale(1.1);}} .hv-node-label{font-family:'JetBrains Mono';font-size:12.5px;fill:#F2F7FB;letter-spacing:0.03em;paint-order:stroke;stroke:rgba(8,18,30,0.85);stroke-width:3.5px;stroke-linejoin:round;} .hv-node-label.sub{fill:#FFC79A;font-weight:700;font-size:13.5px;} .hv-sea-label{font-family:'JetBrains Mono';font-size:12px;fill:#9FB4C6;letter-spacing:0.14em;} @keyframes hvglow{0%,100%{opacity:0.72;}50%{opacity:1;}} .hv-line{animation:hvglow 3.2s ease-in-out infinite;} @media (prefers-reduced-motion: reduce){.hv-line{animation:none;}} .hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg, rgba(15,25,38,0.92) 0%, rgba(15,25,38,0.62) 42%, rgba(15,25,38,0.28) 68%, rgba(15,25,38,0.15) 100%);} .hero-inner{position:relative;padding:110px 0 64px;width:100%;} .hero .eyebrow{color:var(--orange);} .hero .eyebrow::before{background:var(--orange);} .hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.05;max-width:780px;} .hero h1 span{color:var(--orange);} .hero p{margin-top:20px;max-width:520px;color:#D7DEE7;font-size:1.05rem;font-family:'Inter';} .hero-actions{margin-top:32px;display:flex;gap:16px;flex-wrap:wrap;} .hero-tags{margin-top:36px;display:flex;gap:22px;flex-wrap:wrap;font-size:0.78rem;color:#AAB6C4;font-family:'JetBrains Mono';} .hero-tags span{padding-left:14px;position:relative;} .hero-tags span::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:var(--orange);border-radius:50%;} @keyframes dash{to{stroke-dashoffset:-200;}} .flow{stroke-dasharray:5 7;animation:dash 5s linear infinite;} @media (prefers-reduced-motion: reduce){.flow{animation:none;}} .tower-pulse{animation:pulse 2.6s ease-in-out infinite;} @keyframes pulse{0%,100%{opacity:0.55;}50%{opacity:1;}} @media (prefers-reduced-motion: reduce){.tower-pulse{animation:none;}} /* ---- Stats strip ---- */ .stats{background:var(--navy);} .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 32px;gap:24px;} .stat b{display:block;font-family:'Oswald';text-transform:uppercase;font-size:1.5rem;color:var(--orange);font-weight:700;} .stat span{color:#B7C3D1;font-size:0.74rem;letter-spacing:0.03em;font-family:'Inter';} @media(max-width:700px){.stats .wrap{grid-template-columns:repeat(2,1fr);}} /* ---- Especialidades MEP en tarjetas con icono (Inicio) ---- */ .mep-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;} .mep-card{ background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden; display:flex;flex-direction:column;transition:transform .2s, box-shadow .2s, border-color .2s; } .mep-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(35,79,115,0.13);border-color:#CFD6DE;} .mep-ic-band{ aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center; background:linear-gradient(135deg,var(--navy-l) 0%,var(--navy-d) 100%); } .mep-ic-band::before{ content:"";position:absolute;inset:0; background-image:linear-gradient(rgba(255,255,255,0.07) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.07) 1px,transparent 1px); background-size:22px 22px; } .mep-ic-band svg{position:relative;z-index:1;} .mep-num{ position:absolute;top:10px;right:13px;z-index:1; font-family:'JetBrains Mono';font-size:0.66rem;letter-spacing:0.08em;color:rgba(255,255,255,0.45); } .mep-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:9px;flex:1;} .mep-body h4{font-size:0.98rem;color:var(--navy);text-transform:none;margin:0;letter-spacing:0;} .mep-body p{color:var(--slate);font-size:0.85rem;font-family:'Inter';margin:0;line-height:1.6;} .mep-more{ margin-top:auto;padding-top:12px;border-top:1px dashed var(--line); font-family:'JetBrains Mono';font-size:0.7rem;letter-spacing:0.06em;color:var(--orange-d); } .mep-card:hover .mep-more{text-decoration:underline;} @media(max-width:1100px){.mep-grid{grid-template-columns:repeat(3,1fr);}} @media(max-width:820px){.mep-grid{grid-template-columns:repeat(2,1fr);gap:14px;}} @media(max-width:480px){.mep-grid{grid-template-columns:1fr;}} /* ---- Servicios ---- */ .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);} .service-card{background:#fff;padding:38px 32px;} .service-card .ic{width:42px;height:42px;border-radius:8px;background:rgba(255,122,26,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:20px;} .service-card h3{font-size:1.3rem;color:var(--navy);margin-bottom:12px;} .service-card ul{list-style:none;color:var(--slate);font-size:0.92rem;font-family:'Inter';} .service-card li{padding:7px 0;border-top:1px solid var(--line);} .service-card li:first-child{border-top:none;} @media(max-width:900px){.services-grid{grid-template-columns:1fr;}} /* ---- Aliados ---- */ .allies-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);} .ally-slot{background:#fff;aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;color:#B6BFCC;font-family:'JetBrains Mono';font-size:0.66rem;letter-spacing:0.05em;text-align:center;padding:8px;} @media(max-width:820px){.allies-grid{grid-template-columns:repeat(3,1fr);}} .allies-note{margin-top:18px;color:var(--slate);font-size:0.85rem;font-family:'Inter';} .strategic-allies{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:20px;} .ally-card{background:#fff;padding:28px;display:flex;flex-direction:column;gap:12px;} .ally-card .ally-mark{font-family:'Oswald';font-weight:700;font-size:1.15rem;letter-spacing:0.02em;text-transform:uppercase;} .ally-logo-box{height:64px;display:flex;align-items:center;justify-content:flex-start;} .ally-logo-box img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;} .ally-card .ally-desc{color:var(--slate);font-size:0.88rem;font-family:'Inter';text-transform:none;} .ally-card .ally-integra{font-size:0.85rem;font-family:'Inter';text-transform:none;color:var(--ink);border-left:2px solid var(--orange);padding-left:12px;} .ally-card .ally-integra b{color:var(--navy);font-weight:700;} .ally-card .ally-link{margin-top:auto;font-family:'JetBrains Mono';font-size:0.76rem;color:var(--orange-d);letter-spacing:0.03em;} .ally-card .ally-link:hover{text-decoration:underline;} @media(max-width:820px){.strategic-allies{grid-template-columns:1fr;}} /* ---- Tarjeta digital / QR ---- */ .digital-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;} .digital-card img{width:150px;height:150px;border:1px solid var(--line);border-radius:6px;} .digital-card h4{font-size:1.05rem;color:var(--navy);margin-bottom:8px;text-transform:none;} .digital-card p{color:var(--slate);font-size:0.88rem;font-family:'Inter';margin-bottom:14px;} @media(max-width:560px){.digital-card{grid-template-columns:1fr;text-align:center;}.digital-card img{margin:0 auto;}} /* ---- Imágenes regionales / banda de foto ---- */ .media-band{position:relative;width:100%;height:380px;overflow:hidden;background:var(--navy-d);} .media-band img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;} @media(max-width:700px){.media-band{height:240px;}} .media-caption{position:absolute;left:0;right:0;bottom:0;padding:22px 32px;background:linear-gradient(0deg, rgba(15,25,38,0.88) 0%, rgba(15,25,38,0) 100%);color:#fff;font-family:'Inter';font-size:0.9rem;} .media-caption b{color:var(--orange);font-family:'JetBrains Mono';font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;display:block;margin-bottom:4px;} .media-inline{border-radius:8px;overflow:hidden;border:1px solid var(--line);margin-bottom:44px;} .media-inline img{width:100%;display:block;} /* ---- Problemas ---- */ .problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;} .problem-card{border-left:2px solid var(--orange);padding-left:20px;} .problem-card h4{font-size:1.05rem;color:var(--navy);margin-bottom:8px;text-transform:none;} .problem-card p{color:var(--slate);font-size:0.92rem;font-family:'Inter';} @media(max-width:820px){.problems-grid{grid-template-columns:1fr;}} /* ---- Proceso ---- */ .process{background:var(--navy-d);color:#fff;} .process .section-head h2{color:#fff;} .process .section-head p{color:#B7C3D1;} .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);} .step{background:var(--navy);padding:30px 24px;} .step .num{font-family:'JetBrains Mono';color:var(--orange);font-size:0.8rem;} .step h4{margin-top:12px;font-size:1.25rem;text-transform:none;} .step p{margin-top:8px;font-size:0.88rem;color:#B7C3D1;font-family:'Inter';} @media(max-width:820px){.steps{grid-template-columns:1fr 1fr;}} @media(max-width:520px){.steps{grid-template-columns:1fr;}} /* ---- Cobertura ---- */ .coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;} .muni-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:24px;} .muni-list div{font-size:0.92rem;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);display:flex;justify-content:space-between;font-family:'Inter';} .muni-list div.active{color:var(--orange-d);font-weight:700;} .muni-list div span{font-family:'JetBrains Mono';font-size:0.7rem;color:#9AA6B8;} .map-frame{aspect-ratio:1/1;background:var(--navy-d);border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;} .map-frame::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-dark) 1px, transparent 1px),linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);background-size:32px 32px;} .map-frame .pin{position:relative;width:13px;height:13px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 6px rgba(255,122,26,.22);} .map-frame .pin-label{position:absolute;top:54%;left:50%;transform:translate(-50%,10px);color:#fff;font-family:'JetBrains Mono';font-size:0.7rem;letter-spacing:0.05em;white-space:nowrap;} /* ---- Proyectos ---- */ .filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px;} .filter-btn{font-family:'Oswald';font-size:0.78rem;letter-spacing:0.04em;text-transform:uppercase;padding:9px 18px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--slate);cursor:pointer;transition:all .15s;} .filter-btn.active, .filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);} .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .project-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .2s, box-shadow .2s;} .project-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(35,79,115,0.12);} .project-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--navy-l),var(--navy-d));position:relative;} .project-thumb span{position:absolute;bottom:12px;left:14px;color:var(--orange);font-family:'JetBrains Mono';font-size:0.66rem;letter-spacing:0.06em;text-transform:uppercase;} .project-body{padding:22px;} .project-body h4{font-size:1.05rem;color:var(--navy);margin-bottom:8px;text-transform:none;} .project-body p{color:var(--slate);font-size:0.88rem;font-family:'Inter';} @media(max-width:900px){.projects-grid{grid-template-columns:1fr;}} .projects-note{margin-top:20px;color:var(--slate);font-size:0.85rem;font-family:'Inter';} /* ---- Blog ---- */ .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .blog-card{border:1px solid var(--line);border-radius:6px;padding:24px;background:#fff;transition:transform .2s, box-shadow .2s;} .blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(35,79,115,0.1);} .blog-card .tag{font-family:'JetBrains Mono';font-size:0.66rem;color:var(--orange-d);letter-spacing:0.06em;text-transform:uppercase;} /* ---- Noticias oficiales ---- */ /* ---- Qué hace EXERGÍA (Inicio) ---- */ .about-split{display:grid;grid-template-columns:1.05fr 1fr;gap:46px;align-items:start;} @media(max-width:900px){.about-split{grid-template-columns:1fr;gap:30px;}} .about-split .as-copy p{color:var(--slate);font-family:'Inter';font-size:1rem;margin-bottom:16px;} .about-split .as-copy p b{color:var(--navy);font-weight:700;} .capab-list{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);} .capab{background:#fff;padding:20px 22px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;} .capab .cb-num{font-family:'Oswald';font-weight:700;font-size:1.15rem;color:var(--line);line-height:1.2;} .capab h4{font-size:0.98rem;color:var(--navy);text-transform:none;margin:0 0 4px;} .capab p{font-size:0.87rem;color:var(--slate);font-family:'Inter';margin:0;} /* ---- Especialidades en filas (Inicio) ---- */ .spec-block{margin-bottom:30px;} .spec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--line);} .spec-head .sh-num{font-family:'JetBrains Mono';font-size:0.74rem;color:var(--orange-d);letter-spacing:0.06em;} .spec-head h3{font-size:1.12rem;margin:0;color:var(--navy);} .spec-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);} .spec-tile{background:#fff;padding:24px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:background .2s;} .spec-tile:hover{background:var(--bg);} .spec-ic{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);border-radius:50%;} .spec-tile span{font-size:0.78rem;font-family:'Inter';color:var(--ink);line-height:1.35;} /* ---- Sectores (Inicio) ---- */ .sectors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);} @media(max-width:900px){.sectors-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:520px){.sectors-grid{grid-template-columns:1fr;}} .sector-card{background:#fff;padding:28px 24px;} .sector-card .sc-num{font-family:'Oswald';font-weight:700;font-size:1.9rem;color:var(--line);line-height:1;display:block;} .sector-card h4{font-size:1rem;color:var(--navy);margin:12px 0 8px;} .sector-card p{font-size:0.87rem;color:var(--slate);font-family:'Inter';margin:0;} .findings-intro{max-width:640px;margin-bottom:8px;} .findings-intro p{color:var(--slate);font-family:'Inter';} .findings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px;} @media(max-width:820px){.findings-grid{grid-template-columns:1fr;}} .finding-card{background:#fff;padding:30px 26px;} .finding-card .nc-num{font-family:'Oswald';font-weight:700;font-size:2rem;color:var(--line);line-height:1;display:block;} .finding-card h4{font-size:1.06rem;margin:14px 0 10px;color:var(--navy);} .finding-card p{color:var(--slate);font-size:0.9rem;font-family:'Inter';} .finding-card .fc-count{font-family:'JetBrains Mono';font-size:0.7rem;color:var(--orange-d);letter-spacing:0.04em;margin-top:12px;display:block;} .solutions-list{display:flex;flex-direction:column;margin-top:10px;border-top:1px solid var(--line);} .solution-block{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);} .solution-media{height:340px;overflow:hidden;background:var(--navy-d);} .solution-media img{width:100%;height:100%;object-fit:cover;display:block;} .solution-copy{padding:44px;display:flex;flex-direction:column;justify-content:center;gap:14px;} .solution-copy .sc-eyebrow{font-family:'JetBrains Mono';font-size:0.72rem;color:var(--orange-d);letter-spacing:0.05em;text-transform:uppercase;} .solution-copy h3{font-size:1.55rem;margin:0;} .solution-copy .lead{color:var(--slate);font-family:'Inter';font-size:0.95rem;margin:0;} .solution-sub{border-left:2px solid var(--orange);padding-left:14px;margin-top:4px;} .solution-sub b{display:block;font-family:'JetBrains Mono';font-size:0.72rem;letter-spacing:0.05em;color:var(--navy);text-transform:uppercase;margin-bottom:4px;} .solution-sub p{font-size:0.88rem;color:var(--ink);font-family:'Inter';margin:0;} .solution-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;} .solution-tags span{font-family:'JetBrains Mono';font-size:0.7rem;background:var(--bg);border:1px solid var(--line);padding:5px 10px;color:var(--navy);} .solution-block:nth-child(even) .solution-media{order:2;} @media(max-width:860px){.solution-block{grid-template-columns:1fr;}.solution-media{height:220px;order:0 !important;}.solution-copy{padding:30px 6px;}} .news-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:28px;} .news-sort-btn{font-family:'JetBrains Mono';font-size:0.76rem;letter-spacing:0.03em;color:var(--navy);border:1px solid var(--line);padding:9px 16px;border-radius:3px;background:#fff;cursor:pointer;} .news-sort-btn:hover{border-color:var(--orange);color:var(--orange-d);} .news-month-head{font-family:'Oswald';font-weight:700;text-transform:uppercase;letter-spacing:0.03em;color:var(--navy);font-size:1.05rem;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--line);} .news-month-head:first-child{margin-top:0;} .news-grid, .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:30px;} @media(max-width:900px){.news-grid, .post-grid{grid-template-columns:1fr;}} .news-item{background:#fff;padding:26px;display:flex;flex-direction:column;gap:9px;} .news-item .news-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;} .news-item .nc-num{font-family:'Oswald';font-weight:700;font-size:1.85rem;color:var(--line);line-height:1;} .news-item .tag{font-family:'JetBrains Mono';font-size:0.64rem;background:var(--bg);border:1px solid var(--line);padding:4px 9px;color:var(--orange-d);letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap;} .news-item .news-date{font-family:'JetBrains Mono';font-size:0.7rem;color:var(--slate);display:block;margin-top:4px;} .news-item h4{font-size:0.98rem;color:var(--navy);margin:0;text-transform:none;line-height:1.35;} .news-item p{color:var(--slate);font-size:0.86rem;font-family:'Inter';margin:0;flex:1;} .news-item .news-source{font-family:'JetBrains Mono';font-size:0.72rem;color:var(--orange-d);text-transform:uppercase;letter-spacing:0.03em;margin-top:4px;} .news-item .news-source:hover{text-decoration:underline;} /* ---- Blog personal (posts tipo timeline) ---- */ .post-month-head{font-family:'Oswald';font-weight:700;text-transform:uppercase;letter-spacing:0.03em;color:var(--navy);font-size:1.05rem;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--line);} .post-month-head:first-child{margin-top:0;} .post-card{background:#fff;padding:26px;display:flex;flex-direction:column;gap:10px;} .post-card .post-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;} .post-card .nc-num{font-family:'Oswald';font-weight:700;font-size:1.85rem;color:var(--line);line-height:1;} .post-card .post-id{display:flex;align-items:center;gap:10px;} .post-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;} .post-meta b{color:var(--navy);font-family:'Inter';font-size:0.85rem;display:block;} .post-meta span{color:var(--slate);font-family:'JetBrains Mono';font-size:0.68rem;} .post-card p{color:var(--ink);font-size:0.87rem;font-family:'Inter';text-transform:none;line-height:1.5;margin:0;flex:1;} .post-card .post-related{font-family:'JetBrains Mono';font-size:0.72rem;color:var(--orange-d);text-transform:uppercase;letter-spacing:0.03em;} .post-card .post-related:hover{text-decoration:underline;} .post-actions{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:12px;margin-top:2px;} .post-actions button{background:none;border:none;color:var(--slate);font-family:'Inter';font-size:0.82rem;cursor:pointer;display:flex;align-items:center;gap:6px;} .post-actions button:hover{color:var(--orange-d);} .post-comments{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);display:none;} .post-comments.open{display:block;} .post-comment{background:var(--bg);border-radius:6px;padding:12px 14px;margin-bottom:10px;font-size:0.86rem;font-family:'Inter';} .post-comment b{color:var(--navy);} .post-comment span{color:var(--slate);font-size:0.74rem;display:block;margin-top:2px;} .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;} .comment-form input, .comment-form textarea{border:1px solid var(--line);border-radius:4px;padding:9px 11px;font-family:'Inter';font-size:0.86rem;background:#fff;} .comment-form textarea{grid-column:1 / -1;} .comment-form .cf-submit{grid-column:1 / -1;text-align:right;} @media(max-width:560px){.comment-form{grid-template-columns:1fr;}} .blog-card h4{margin-top:12px;font-size:1.05rem;color:var(--navy);text-transform:none;} .blog-card p{margin-top:8px;color:var(--slate);font-size:0.88rem;font-family:'Inter';} @media(max-width:900px){.blog-grid{grid-template-columns:1fr;}} /* ---- Nosotros ---- */ .about-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:center;} .about-photo{aspect-ratio:1/1;background:var(--white);border:1px solid var(--line);border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;padding:36px;} .about-photo img{width:100%;height:auto;} .about-copy h3{font-size:1.5rem;color:var(--navy);margin-bottom:14px;} .about-copy p{color:var(--slate);margin-bottom:16px;font-family:'Inter';text-transform:none;} .about-role{font-family:'JetBrains Mono';font-size:0.76rem;color:var(--orange-d);letter-spacing:0.04em;} /* ---- CTA final ---- */ .cta-final{background:var(--orange);} .cta-final .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:58px 32px;} .cta-final h2{color:var(--navy-d);font-size:clamp(1.6rem,3vw,2.2rem);max-width:520px;} .cta-final .btn-primary{background:var(--navy-d);} .cta-final .btn-primary:hover{background:var(--navy);} /* ---- Contacto ---- */ .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;} .contact-info div{margin-bottom:22px;} .contact-info h4{font-size:0.76rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--slate);margin-bottom:6px;font-family:'Inter';font-weight:600;} .contact-info p{color:var(--navy);font-size:1.02rem;font-weight:600;font-family:'Inter';} .form-shell{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px;} .form-shell label{display:block;font-size:0.8rem;color:var(--slate);margin-bottom:6px;margin-top:16px;font-family:'Inter';} .form-shell label:first-child{margin-top:0;} .form-shell input,.form-shell textarea{width:100%;border:1px solid var(--line);border-radius:4px;padding:11px 13px;font-family:'Inter';font-size:0.92rem;background:var(--bg);} .form-shell button{margin-top:22px;width:100%;border:none;cursor:pointer;} /* ---- Footer ---- */ footer{ background:var(--navy-d);color:#B7C3D1;padding:70px 0 30px;font-size:0.85rem; position:relative;overflow:hidden; } /* Marca de agua: el hexágono de EXERGÍA sangrando por la izquierda */ footer::before{ content:"";position:absolute;left:-90px;bottom:-70px;width:440px;height:440px; background:url("../assets/icon.png") no-repeat center/contain; filter:brightness(0) invert(1);opacity:0.055;pointer-events:none; } @media(max-width:760px){footer::before{width:300px;height:300px;left:-100px;bottom:-90px;}} footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:38px;position:relative;z-index:1;} footer .fbrand-block{max-width:290px;} footer .fbrand-block img{height:52px;width:auto;margin-bottom:16px;} footer .fbrand{color:#fff;font-family:'Oswald';font-size:1.3rem;font-weight:700;text-transform:uppercase;} footer .fcols{display:flex;gap:clamp(28px,5vw,64px);flex-wrap:wrap;} footer .fcol h5{color:#fff;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:14px;font-family:'Inter';font-weight:600;} footer .fcol a{display:block;color:#B7C3D1;padding:5px 0;font-family:'Inter';transition:color .2s;} footer .fcol a:hover{color:var(--orange);} /* Bloque de contacto y redes, a la derecha */ footer .fcontact{min-width:210px;} footer .fcontact a{display:flex;align-items:center;gap:10px;color:#DDE5EE;padding:5px 0;font-family:'Inter';transition:color .2s;} footer .fcontact a:hover{color:var(--orange);} footer .fcontact a svg{flex-shrink:0;opacity:0.8;} footer .fsocial{display:flex;gap:12px;margin-top:20px;} footer .fsocial a{ width:38px;height:38px;border:1px solid var(--line-dark);border-radius:4px; display:flex;align-items:center;justify-content:center;color:#DDE5EE; transition:background .2s, border-color .2s, color .2s; } footer .fsocial a:hover{background:var(--orange);border-color:var(--orange);color:#fff;} footer .legal{ margin-top:46px;padding-top:22px;border-top:1px solid var(--line-dark); font-size:0.75rem;font-family:'Inter';position:relative;z-index:1; display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px; } @media(max-width:900px){footer .wrap{gap:30px;}footer .fbrand-block{max-width:100%;}} /* ---- Botón flotante de WhatsApp ---- */ .wa-float{ position:fixed;right:20px;bottom:20px;z-index:60; width:58px;height:58px;border-radius:50%;background:#25D366; display:flex;align-items:center;justify-content:center; box-shadow:0 6px 20px rgba(0,0,0,0.28);transition:transform .2s, box-shadow .2s; } .wa-float:hover{transform:scale(1.07);box-shadow:0 10px 26px rgba(0,0,0,0.34);} .wa-float svg{width:32px;height:32px;fill:#fff;} @media(max-width:760px){.wa-float{width:52px;height:52px;right:16px;bottom:16px;}.wa-float svg{width:29px;height:29px;}} /* Botón de WhatsApp dentro de la página de contacto */ .btn-wa{ display:inline-flex;align-items:center;justify-content:center;gap:10px; background:#25D366;color:#fff;padding:15px 26px;font-weight:700;font-size:0.85rem; letter-spacing:0.04em;text-transform:uppercase;border-radius:3px;font-family:'Oswald'; transition:background .2s; } .btn-wa:hover{background:#1EBE5A;} .btn-wa svg{width:20px;height:20px;fill:#fff;} /* Aviso de error del formulario */ .form-alert{ display:none;background:#FDECEA;border:1px solid #F5C6C0;color:#A32C1F; padding:12px 14px;border-radius:4px;font-size:0.86rem;margin-bottom:18px;font-family:'Inter'; } .form-alert.show{display:block;} /* ============================================================ VISTA MÓVIL / TABLET Rejillas de dos columnas que no tenían punto de corte, y ajustes de espaciado, tipografía y formularios para iOS. ============================================================ */ html{-webkit-text-size-adjust:100%;} body{overflow-wrap:break-word;} /* Rejillas 1fr 1fr que se apilan */ @media(max-width:860px){ .contact-grid{grid-template-columns:1fr;gap:34px;} .coverage-grid{grid-template-columns:1fr;gap:34px;} .about-grid{grid-template-columns:1fr;gap:30px;} .about-photo{max-width:340px;margin:0 auto;padding:24px;} } @media(max-width:760px){ .wrap{padding:0 20px;} nav{height:68px;gap:12px;} .brand img{height:40px;} .navlinks{max-height:calc(100vh - 68px);} .navlinks a{padding:14px 20px;} .navcta .btn-primary{display:none;} .lang{margin-right:0;padding:6px 8px;} .section-head{margin-bottom:32px;} .page-head{padding:44px 0 34px;} .hero-inner{padding:80px 0 48px;} .hero{min-height:560px;} .hero h1{font-size:clamp(1.85rem,7.6vw,2.4rem);} .hero p{font-size:0.97rem;} .hero-actions{gap:12px;} .hero-actions .btn-primary,.hero-actions .btn-ghost{padding:13px 20px;font-size:0.8rem;} .hero-tags{gap:12px;font-size:0.72rem;margin-top:26px;} /* El mapa se ensancha para que no quede recortado en pantalla vertical */ .hero-svg{left:-70%;right:auto;width:240%;} .stats .wrap{padding:24px 20px;gap:18px;} .stat b{font-size:1.25rem;} .media-caption{padding:16px 20px;font-size:0.84rem;} .cta-final .wrap{padding:42px 20px;gap:18px;} .service-card{padding:28px 22px;} .finding-card{padding:26px 22px;} .sector-card{padding:24px 20px;} .news-item,.post-card,.ally-card{padding:22px 20px;} .form-shell{padding:22px 18px;} .digital-card{padding:22px 18px;} footer{padding:44px 0 24px;} footer .wrap{gap:26px;} footer .fcols{gap:30px;} .muni-list{grid-template-columns:1fr;gap:0;} .solution-copy{padding:28px 0;} .filter-bar{gap:8px;} .filter-btn{padding:8px 13px;font-size:0.72rem;} .spec-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));} .spec-tile{padding:18px 10px;gap:9px;} .spec-ic{width:46px;height:46px;} .spec-tile span{font-size:0.74rem;} .capab{padding:16px 18px;gap:12px;} .news-item .news-item-head{flex-wrap:wrap;} .news-item .tag{white-space:normal;} /* iOS hace zoom al enfocar campos con letra menor a 16px */ .form-shell input,.form-shell textarea, .comment-form input,.comment-form textarea{font-size:16px;} } @media(max-width:420px){ .wrap{padding:0 16px;} .stats .wrap{grid-template-columns:1fr;} .spec-row{grid-template-columns:1fr 1fr;} .hero-tags{flex-direction:column;gap:8px;} }