/* GUILÁ Group · Base común de las páginas de división (antes gga_css() en guila-apex.php). Fase 2, 6 oct. 2026. */
.gga{font-family:Inter,sans-serif;color:#fff}.gga *{box-sizing:border-box}
.gga .sec{position:relative;padding:110px 56px 120px}.gga .lt{background:var(--gg-gris);color:var(--gg-azul)}.gga .dk{background:var(--gg-pie);color:#fff}.gga .bl{background:var(--gg-azul-hero);color:#fff}
.gga .gs{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px}
.gga .wrap{max-width:1208px;margin:0 auto;display:flex;flex-direction:column;gap:56px}
.gga .head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.gga .eb{margin:0 0 18px;display:flex;align-items:center;gap:14px;font:600 14px Saira,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#5B6472}.gga .eb:before{content:"";width:42px;height:2px;background:var(--gg-azul)}
.gga .dk .eb,.gga .bl .eb{color:rgba(255,255,255,.7)}.gga .dk .eb:before,.gga .bl .eb:before,.gga .hero .eb:before{background:var(--gg-azul-claro)}
.gga h1,.gga h2,.gga h3{font-family:Saira,sans-serif;font-weight:700;text-transform:uppercase;margin:0;color:inherit}
.gga h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1}
.gga .lead{margin:0;max-width:500px;font-size:18px;line-height:1.65;color:#3F4855}.gga .dk .lead,.gga .bl .lead{color:rgba(255,255,255,.75)}
.gga .mono{font-family:"JetBrains Mono",monospace;letter-spacing:2px;font-size:12px}
.gga .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.gga .card{background:#fff;padding:36px 32px;display:flex;flex-direction:column;gap:14px;border-top:4px solid var(--gg-azul)}
.gga .card p{margin:0;font-size:16px;line-height:1.65;color:#3F4855}.gga .card h3{font-size:22px}
.gga .cap{background:#fff;border:1px solid #E3E6EA;padding:30px 28px;min-height:150px;display:flex;flex-direction:column;gap:14px;transition:transform .25s,box-shadow .25s}
.gga .cap:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,24,40,.12)}.gga .cap h3{font-size:19px;line-height:1.25}.gga .cap .mono{color:var(--gg-apex)}
.gga .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border-top:1px dashed rgba(191,227,244,.4)}
.gga .step{padding:34px 28px 10px 0;display:flex;flex-direction:column;gap:14px}.gga .step:before{content:"";width:14px;height:14px;border:2px solid var(--gg-azul-claro);background:var(--gg-pie);margin-top:-42px}
.gga .step .mono{color:var(--gg-azul-claro);font-size:13px;letter-spacing:0}.gga .step h3{font-size:22px}.gga .step p{margin:0;font-size:15px;line-height:1.65;color:rgba(255,255,255,.72)}
.gga .btw,.gga .bto{display:inline-block;padding:17px 30px;text-decoration:none;font:700 14px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase}
.gga .btw{background:#fff;color:var(--gg-azul-hero)!important}.gga .bto{border:1px solid rgba(255,255,255,.55);color:#fff!important;font-weight:600}
.gga .tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;border-top:1px solid rgba(255,255,255,.14)}
.gga .tr div{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14);display:flex;gap:12px;align-items:baseline;font-size:15px;line-height:1.45}.gga .tr div:before{content:"";width:7px;height:7px;background:var(--gg-azul-claro);flex-shrink:0}
.gga .hub{width:100%;display:flex;flex-direction:column;align-items:center}
.gga .hubtop{background:var(--gg-azul-hero);color:#fff;padding:22px 40px;display:flex;flex-direction:column;align-items:center;gap:6px;border-top:4px solid var(--gg-azul-claro)}
.gga .hubline{width:2px;height:44px;background:repeating-linear-gradient(var(--gg-apex) 0 6px,transparent 6px 12px)}
.gga .hubrow{width:100%;border-top:2px dashed #9DB4C6;padding-top:34px}
.gga .hero{position:relative;min-height:860px;overflow:hidden;display:flex;flex-direction:column;background:#0E2440;isolation:isolate}
.gga .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:url(https://guila-group.com/wp-content/uploads/2026/10/hero-blueprint-4x4-mina.webp) right center/cover no-repeat;opacity:.55}
.gga .hero .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,20,34,.88) 0%,rgba(11,20,34,.62) 38%,rgba(11,20,34,.40) 62%,rgba(11,20,34,.34) 100%)}
.gga header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:28px 56px;gap:24px}
.gga .lock{display:flex;align-items:center;gap:22px;text-decoration:none}.gga .lock span{width:1px;height:38px;background:rgba(255,255,255,.35)}
.gga .apexlogo{filter:brightness(1.75) saturate(.9)}.gga .mltlogo{filter:brightness(1.35)}
.gga nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}.gga nav a{color:rgba(255,255,255,.82);text-decoration:none}.gga nav a:hover{color:#fff}
.gga nav .ct{padding:12px 22px;border:1px solid rgba(255,255,255,.6);color:#fff;font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.gga .hs{position:absolute;width:44px;height:44px;border-radius:50%;cursor:pointer;padding:0;font:500 12px "JetBrains Mono",monospace;color:#fff;background:rgba(15,42,68,.85);border:1px solid var(--gg-azul-claro);box-shadow:0 0 0 6px rgba(79,163,199,.18);z-index:5;transition:transform .2s}
.gga .hs:hover{transform:scale(1.08)}.gga .hs.on{color:var(--gg-azul-hero);background:#fff;border-color:#fff}.gga .hs:focus-visible{outline:2px solid #fff;outline-offset:3px}
.gga .hcard{position:absolute;width:280px;padding:18px 20px;background:rgba(11,20,34,.92);border:1px solid rgba(79,163,199,.6);display:none;flex-direction:column;gap:8px;z-index:4}.gga .hcard.on{display:flex}
.gga .hcard{width:330px;border-top:3px solid var(--gg-azul-claro);padding:20px 22px;gap:9px}.gga .hc-p{list-style:none;margin:2px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.gga .hc-p li{margin:0;display:flex;gap:9px;align-items:baseline;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.9)}.gga .hc-p li:before{content:"";width:6px;height:6px;flex:none;background:var(--gg-azul-claro)}.gga .hc-b{padding-top:4px}.gga .hc-b a{display:inline-block;padding:10px 15px;background:var(--gg-azul-claro);color:var(--gg-pie)!important;font:600 12px Inter,sans-serif;letter-spacing:.8px;text-transform:uppercase;text-decoration:none}.gga .hcard.mini .hc-p{display:none!important}.gga .hc-n{color:var(--gg-azul-claro);font-size:11px}.gga .hc-t{font:700 17px/1.2 Saira,sans-serif;text-transform:uppercase}.gga .hc-x{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.82)}
@media(max-width:900px){.gga .sec{padding:80px 22px 90px}.gga header{padding:20px 22px}.gga nav{display:none}.gga .head{flex-direction:column;align-items:flex-start}.gga .hero:before{background-position:72% center}.gga .hs,.gga .hcard{display:none!important}.gga .heroin{padding:30px 22px 80px!important}.gga .tr{grid-template-columns:1fr}.gga .steps{border-top:0;border-left:1px dashed rgba(191,227,244,.45);padding-left:26px;grid-template-columns:1fr;margin-left:7px}.gga .step{padding:0 0 30px 0}.gga .step:before{margin:0 0 0 -34px;position:relative;top:3px}.gga .heroin p.mono{display:none}}