/* GUILÁ Group · Páginas de grupo: Trabaja con nosotros, Heritage y Contacto (bloque 11, 6 oct. 2026).
   Antes, en línea en el contenido de cada página. Puntos de corte comunes: 600 / 900 / 1100 / 1600.
   Colores de la paleta con las variables de guila-comun.css. */

/* ===== Trabaja con nosotros (.ggj) ===== */
.ggj{font-family:Inter,sans-serif;color:#fff;--acc:var(--gg-azul-claro)}
.ggj *{box-sizing:border-box}
.ggj .sec{position:relative;padding:110px 56px 120px}
.ggj .lt{background:var(--gg-gris);color:var(--gg-azul)}.ggj .wh{background:#fff;color:var(--gg-azul)}
.ggj .wrap{max-width:1208px;margin:0 auto;display:flex;flex-direction:column;gap:56px}
.ggj .head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.ggj .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}
.ggj .eb:before{content:"";width:42px;height:2px;background:var(--gg-azul)}
.ggj .hero .eb{color:rgba(255,255,255,.75)}.ggj .hero .eb:before{background:var(--acc)}
.ggj h1,.ggj h2,.ggj h3{font-family:Saira,sans-serif;font-weight:700;text-transform:uppercase;margin:0;color:inherit}
.ggj h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1}
.ggj .lead{margin:0;max-width:500px;font-size:18px;line-height:1.65;color:#3F4855}
.ggj .mono{font-family:"JetBrains Mono",monospace;letter-spacing:2px;font-size:12px}
.ggj .btw,.ggj .bto,.ggj .btn{display:inline-block;padding:17px 30px;text-decoration:none;font:700 14px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:0}
.ggj .btw{background:#fff;color:var(--gg-azul-hero)!important}
.ggj .bto{border:1px solid rgba(255,255,255,.55);color:#fff!important;font-weight:600;background:transparent}
.ggj .btn{background:var(--gg-azul);color:#fff!important}
.ggj .btl{display:inline-block;padding:16px 26px;border:1px solid var(--gg-azul);color:var(--gg-azul)!important;background:transparent;font:600 13px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer}

/* HERO */
.ggj .hero{position:relative;min-height:820px;overflow:hidden;display:flex;flex-direction:column;background:#0E2440;isolation:isolate}
.ggj .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:#102544 url("/wp-content/uploads/2026/10/guila-group-hero-blueprint-unete-al-equipo-vestuario-taller-minero.webp") right center/auto 100% no-repeat;opacity:.62}
.ggj .hero .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,20,34,.92) 0%,rgba(11,20,34,.7) 40%,rgba(11,20,34,.4) 70%,rgba(11,20,34,.32) 100%)}
.ggj header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:28px 56px;gap:24px;z-index:6}

.ggj nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}
.ggj nav a{color:rgba(255,255,255,.82);text-decoration:none}.ggj nav a:hover{color:#fff}
.ggj 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}
.ggj .heroin{position:relative;flex-grow:1;display:flex;align-items:center;padding:40px 56px 110px}
.ggj .htx{max-width:640px;display:flex;flex-direction:column;gap:26px}
.ggj .hero h1{font-size:clamp(34px,4.6vw,62px);line-height:1.06;letter-spacing:.5px}
.ggj .hero p.in{margin:0;font-size:19px;line-height:1.6;color:rgba(255,255,255,.82)}
.ggj .hbtn{display:flex;flex-wrap:wrap;gap:14px;padding-top:4px}
.ggj .jpt{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;cursor:pointer;padding:0;font:600 12px "JetBrains Mono",monospace;color:var(--gg-azul-hero);background:var(--acc);border:1px solid var(--acc);z-index:5;display:none;animation:ggjpulse 2.2s ease-out infinite;transition:transform .2s}
.ggj .jpt.vis{display:block}.ggj .jpt:hover{transform:scale(1.08)}.ggj .jpt.on{background:#fff;border-color:#fff}
.ggj .jpt:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes ggjpulse{0%{box-shadow:0 0 0 0 rgba(79,163,199,.55)}70%{box-shadow:0 0 0 18px rgba(79,163,199,0)}100%{box-shadow:0 0 0 0 rgba(79,163,199,0)}}
.ggj .jcard{position:absolute;width:330px;padding:22px 24px;background:rgba(11,20,34,.95);border:1px solid rgba(79,163,199,.6);border-top:3px solid var(--acc);display:none;flex-direction:column;gap:10px;z-index:6}
.ggj .jcard.on{display:flex}
.ggj .jc-n{color:var(--acc);font-size:11px}.ggj .jc-t{font:700 19px/1.2 Saira,sans-serif;text-transform:uppercase}
.ggj .jc-h{font-size:14px;line-height:1.5;color:rgba(255,255,255,.82)}
.ggj .jc-b{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.ggj .jc-b a{padding:11px 16px;font:600 12px Inter,sans-serif;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.55);color:#fff!important}
.ggj .jc-b a.pri{background:var(--acc);border-color:var(--acc);color:var(--gg-pie)!important}

/* Ofertas */
.ggj .jobs{display:flex;flex-direction:column;gap:16px}
.ggj .job{background:#fff;border-left:4px solid var(--gg-azul);padding:30px 34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 40px;align-items:center}
.ggj .job .mono{color:var(--gg-apex);font-size:11px}
.ggj .job h3{font-size:24px;line-height:1.2;margin-top:8px}
.ggj .job .ex{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:#3F4855}
.ggj .job .acts{display:flex;gap:10px;flex-wrap:wrap}
.ggj .job .det{grid-column:1/-1;display:none;border-top:1px solid #E3E6EA;padding-top:20px;font-size:15.5px;line-height:1.7;color:#3F4855}
.ggj .job .det.on{display:block}
.ggj .job .det h2,.ggj .job .det h3,.ggj .job .det h4{font:700 17px Saira,sans-serif;text-transform:uppercase;color:var(--gg-azul);margin:18px 0 6px}
.ggj .job .det ul{padding-left:20px;margin:8px 0}
.ggj .empty{background:#fff;padding:40px 36px;border-left:4px solid var(--acc);display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.ggj .empty h3{font-size:22px}
.ggj .empty p{margin:8px 0 0;color:#3F4855;font-size:16px;line-height:1.6;max-width:620px}

/* Formulario */
.ggj .fgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.ggj .rgpd{margin:28px 0 0;padding-top:20px;border-top:1px solid #E3E6EA;font-size:12.5px;line-height:1.6;color:#5B6472;max-width:440px}
.ggj .rgpd b{color:var(--gg-azul);font-weight:600}.ggj .rgpd a{color:var(--gg-azul)}
.ggj .fbox .elementor-form-fields-wrapper{margin:0 -8px}
.ggj .fbox .elementor-field-group{padding:0 8px;margin-bottom:16px}
.ggj .fbox .elementor-field-group:not(.elementor-field-type-acceptance):not(.elementor-field-type-upload) > .elementor-field-label{display:none!important}
.ggj .fbox .elementor-field-type-upload > .elementor-field-label{font:600 13px Inter,sans-serif;color:var(--gg-azul);margin-bottom:8px}
.ggj .fbox .elementor-field-textual,.ggj .fbox input[type=file]{background:var(--gg-gris)!important;border:1px solid #D9DDE3!important;border-radius:0!important;padding:16px 18px!important;font:15px/1.4 Inter,sans-serif!important;color:var(--gg-azul)!important;min-height:54px;box-shadow:none!important;width:100%}
.ggj .fbox input[type=file]{padding:11px!important;cursor:pointer}
/* Botón del campo CV (7 oct. 2026): estilo de contorno azul (.btl) en lugar del nativo del navegador. */
.ggj .fbox input[type=file]::file-selector-button{margin-right:14px;padding:7px 16px;border:1px solid var(--gg-azul);border-radius:0;background:transparent;color:var(--gg-azul);font:600 12px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background-color .25s,color .25s}
.ggj .fbox input[type=file]:is(:hover,:focus-visible)::file-selector-button{background:var(--gg-azul);color:#fff}
@media (prefers-reduced-motion:reduce){.ggj .fbox input[type=file]::file-selector-button{transition:none}}
.ggj .fbox textarea.elementor-field-textual{min-height:130px}
.ggj .fbox .elementor-field-textual:focus{border-color:var(--gg-azul)!important;background:#fff!important;outline:none}
.ggj .fbox .elementor-field-textual::placeholder{color:#7A8494}
/* Puesto (7 oct. 2026): resaltado solo cuando tiene valor (al pulsar «Aplicar»); vacío, igual que los demás campos. */
.ggj .fbox #form-field-oferta:not(:placeholder-shown){background:#fff!important;border-color:var(--gg-azul)!important;font-weight:600!important}
.ggj .fbox .elementor-field-type-acceptance label{font-size:14px;color:#3F4855}
.ggj .fbox .elementor-field-type-acceptance a{color:var(--gg-azul);text-decoration:underline}
.ggj .fbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--gg-azul);margin-right:10px;vertical-align:-3px}
.ggj .fbox .elementor-button{background:var(--gg-azul)!important;color:#fff!important;border-radius:0!important;padding:19px 30px!important;font:700 14px Inter,sans-serif!important;letter-spacing:1px;text-transform:uppercase}
.ggj .fbox .elementor-button:hover{background:var(--gg-pie)!important}
.ggj .fbox .elementor-message{font-size:15px;margin-top:14px}

@media(max-width:900px){.ggj .fgrid{grid-template-columns:1fr;gap:40px}}
@media(max-width:900px){
  .ggj .sec{padding:80px 22px 90px}.ggj header{padding:20px 22px}.ggj nav{display:none}
  .ggj .head{flex-direction:column;align-items:flex-start}
  .ggj .heroin{padding:30px 22px 80px}.ggj .hero{min-height:640px}
  .ggj .hero:before{background-size:cover;background-position:72% center}.ggj .jpt,.ggj .jcard{display:none!important}
  .ggj .job{grid-template-columns:1fr;padding:26px 24px}
}

/* ===== Heritage (.ggher, .ggh, .ggn-rsc, .ggn-end) · usa también la parte de Trabaja con nosotros (.ggj) ===== */
.ggj.ggher .hero:before{background-image:url("/wp-content/uploads/2026/10/guila-group-hero-blueprint-archivo-historico-taller-mecanico.webp")}
.ggh{--a:var(--gg-azul-claro);font-family:Inter,sans-serif;color:#fff;background:var(--gg-pie);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;padding:110px clamp(22px,4vw,56px) 120px;position:relative;overflow:hidden}
.ggh *{box-sizing:border-box}
.ggh .wrap{max-width:1320px;margin:0 auto}
.ggh .head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end}
.ggh .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:rgba(255,255,255,.75)}
.ggh .eb:before{content:"";width:42px;height:2px;background:var(--a)}
.ggh h2{margin:0;font:700 clamp(32px,3.8vw,52px)/1.06 Saira,sans-serif;text-transform:uppercase}
.ggh .lead{margin:0;font-size:18px;line-height:1.7;color:rgba(255,255,255,.8);max-width:560px}
.ggh .lead strong{color:#fff;font-weight:600}
.ggh .doc{margin-top:70px}
.ggh .tag{display:flex;justify-content:space-between;gap:20px;margin:0 0 12px;font:500 11px "JetBrains Mono",monospace;letter-spacing:2px;text-transform:uppercase;color:rgba(191,227,244,.7)}
.ggh .tag span:first-child:before{content:"";display:inline-block;width:8px;height:8px;border:1px solid var(--a);margin-right:10px;vertical-align:0}
.ggh .scroll{overflow:visible}
@media(max-width:900px){.ggh .scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:12px 12px 14px;margin:0 -12px}}
.ggh .sheet{position:relative;min-width:860px;box-shadow:0 24px 50px rgba(0,0,0,.35),0 0 0 1px rgba(191,227,244,.22);background:#0E2440}
.ggh .sheet:before,.ggh .sheet:after{content:"";position:absolute;width:22px;height:22px;border:solid var(--gg-azul-claro);z-index:3;pointer-events:none}
.ggh .sheet:before{top:-10px;left:-10px;border-width:2px 0 0 2px}
.ggh .sheet:after{bottom:-10px;right:-10px;border-width:0 2px 2px 0}
.ggh .sheet img{display:block;width:100%;height:auto}
.ggh .hit{position:absolute;top:20%;height:61%;background:transparent;border:0;cursor:pointer;padding:0;transition:background .3s ease}
.ggh .hit:hover{background:rgba(255,255,255,.025)}
.ggh .hit.on{background:transparent}
.ggh .mk{position:absolute;top:20%;height:61%;left:0;width:0;pointer-events:none;z-index:2;opacity:0;--c:var(--gg-azul-claro);background:linear-gradient(var(--c),var(--c)) 0 0/14px 1.5px,linear-gradient(var(--c),var(--c)) 0 0/1.5px 14px,linear-gradient(var(--c),var(--c)) 100% 0/14px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0/1.5px 14px,linear-gradient(var(--c),var(--c)) 0 100%/14px 1.5px,linear-gradient(var(--c),var(--c)) 0 100%/1.5px 14px,linear-gradient(var(--c),var(--c)) 100% 100%/14px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100%/1.5px 14px;background-repeat:no-repeat;transition:left .5s cubic-bezier(.65,0,.35,1),width .5s cubic-bezier(.65,0,.35,1),opacity .3s ease}
.ggh .mk.ok{opacity:1}
.ggh .card.out .y,.ggh .card.out h3,.ggh .card.out p{opacity:0;transition:opacity .14s ease}
.ggh .card.in .y,.ggh .card.in h3,.ggh .card.in p{animation:gghIn .38s cubic-bezier(.2,.7,.2,1) both}
.ggh .card.in h3{animation-delay:.03s}
.ggh .card.in p{animation-delay:.06s}
@keyframes gghIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ggh .mk,.ggh .card .y,.ggh .card h3,.ggh .card p{transition:none!important;animation:none!important}}
.ggh .hit:focus-visible{outline:2px solid var(--gg-azul-claro);outline-offset:3px}
.ggh .hint{margin:14px 0 0;font:400 11px "JetBrains Mono",monospace;letter-spacing:1px;color:rgba(191,227,244,.6)}
.ggh .card{margin:34px auto 0;max-width:860px;border:1px solid rgba(79,163,199,.45);border-top:3px solid var(--a);background:rgba(11,20,34,.6);padding:26px 30px;display:grid;grid-template-columns:auto 1fr;gap:6px 26px;align-items:start;min-height:130px}
.ggh .card .y{grid-row:span 2;font:700 40px/1 Saira,sans-serif;color:#D4A017;letter-spacing:1px}
.ggh .card h3{margin:0;font:700 19px/1.25 Saira,sans-serif;text-transform:uppercase;letter-spacing:.5px}
.ggh .card p{margin:4px 0 0;font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.82)}
.ggh .nav{display:flex;justify-content:center;gap:8px;margin-top:16px}
.ggh .nav button{width:38px;height:38px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;font-size:16px}
.ggh .nav button:hover{border-color:var(--a)}
@media(max-width:900px){.ggh .head{grid-template-columns:1fr;gap:24px}.ggh .doc{margin-top:46px}.ggh .card{grid-template-columns:1fr}.ggh .card .y{grid-row:auto}}
.ggn-rsc{background:#fff;padding:110px clamp(22px,4vw,56px);font-family:Inter,sans-serif;color:var(--gg-azul);border-bottom:1px solid #E3E6EA}
.ggn-rsc .wrap{max-width:1320px;margin:0 auto}
.ggn-rsc .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}
.ggn-rsc .eb:before{content:"";width:42px;height:2px;background:var(--gg-azul-claro)}
.ggn-rsc .hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end}
.ggn-rsc h2{margin:0;font:700 clamp(32px,3.8vw,52px)/1.06 Saira,sans-serif;text-transform:uppercase}
.ggn-rsc .hd p{margin:0;font-size:18px;line-height:1.7;color:#3F4855}
.ggn-rsc .pl{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ggn-rsc .it{padding:28px 24px 26px;border:1px solid #E3E6EA;background:#FAFBFC;display:flex;flex-direction:column;gap:12px}
.ggn-rsc .it svg{width:34px;height:34px;stroke:var(--gg-azul);fill:none;stroke-width:1.5}
.ggn-rsc .it .n{font:500 10.5px "JetBrains Mono",monospace;letter-spacing:2px;color:var(--gg-azul-claro);text-transform:uppercase}
.ggn-rsc .it b{font:700 19px/1.2 Saira,sans-serif;text-transform:uppercase}
.ggn-rsc .it span{font-size:15px;line-height:1.6;color:#3F4855}
.ggn-rsc .it a{color:var(--gg-azul);font-weight:600;text-decoration:underline;text-decoration-color:var(--gg-azul-claro);text-underline-offset:3px}
.ggn-rsc .sp{margin-top:44px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ggn-rsc .sp .lb{font:500 11px "JetBrains Mono",monospace;letter-spacing:2px;text-transform:uppercase;color:#5B6472;margin-right:6px}
.ggn-rsc .pt{position:relative;display:block;width:240px;height:140px;background:#FAFBFC;border:1px solid #E3E6EA;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s}
.ggn-rsc .pt img{position:absolute;inset:0;margin:auto;max-width:70%;max-height:60%;object-fit:contain}
.ggn-rsc .pt .b{display:none}
.ggn-rsc .pt .c{filter:grayscale(1) contrast(1.05);opacity:.62;transition:filter .3s,opacity .3s}
.ggn-rsc .pt:hover,.ggn-rsc .pt:focus-visible{background:#fff;border-color:#D5DAE1;box-shadow:0 14px 30px rgba(14,36,64,.08);transform:translateY(-3px);outline:none}
.ggn-rsc .pt:hover .c,.ggn-rsc .pt:focus-visible .c{filter:none;opacity:1}
.ggn-rsc .pt .cap{position:absolute;left:12px;bottom:9px;font:500 9px "JetBrains Mono",monospace;letter-spacing:1.5px;color:#8A93A0;text-transform:uppercase}
@media(max-width:600px){.ggn-rsc .pt{width:100%}}
@media(max-width:900px){.ggn-rsc .hd{grid-template-columns:1fr}.ggn-rsc .pl{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ggn-rsc .pl{grid-template-columns:1fr}}
.ggn-end{background:var(--gg-gris);padding:110px clamp(22px,4vw,56px) 120px;font-family:Inter,sans-serif;color:var(--gg-azul)}
.ggn-end .wrap{max-width:1320px;margin:0 auto}
.ggn-end .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}
.ggn-end .eb:before{content:"";width:42px;height:2px;background:var(--gg-azul-claro)}
.ggn-end .hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end}
.ggn-end h2{margin:0;font:700 clamp(32px,3.8vw,52px)/1.06 Saira,sans-serif;text-transform:uppercase}
.ggn-end .hd p{margin:0;font-size:18px;line-height:1.7;color:#3F4855}
.ggn-end .dv{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ggn-end .dv a{display:flex;flex-direction:column;gap:8px;padding:26px 24px;background:#fff;border:1px solid #E3E6EA;border-top:3px solid var(--c);text-decoration:none;color:var(--gg-azul);transition:transform .25s,box-shadow .25s}
.ggn-end .dv a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,36,64,.08)}
.ggn-end .dv b{font:700 20px Saira,sans-serif;text-transform:uppercase}
.ggn-end .dv span{font-size:14.5px;line-height:1.55;color:#5B6472}
.ggn-end .dv i{margin-top:auto;padding-top:10px;font:500 11px "JetBrains Mono",monospace;letter-spacing:2px;text-transform:uppercase;font-style:normal;color:var(--gg-azul)}
.ggn-end .cta{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap}
.ggn-end .cta a{display:inline-block;padding:15px 24px;font:600 12px Inter,sans-serif;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;border:1px solid var(--gg-azul)}
.ggn-end .cta a.p{background:var(--gg-azul);color:#fff}.ggn-end .cta a.s{color:var(--gg-azul)}
.ggn-end .cta a{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}
.ggn-end .cta a.p:is(:hover,:focus-visible){background:#fff;color:var(--gg-azul)}
.ggn-end .cta a.s:is(:hover,:focus-visible){background:var(--gg-azul);color:#fff}
@media(max-width:900px){.ggn-end .hd{grid-template-columns:1fr}.ggn-end .dv{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ggn-end .dv{grid-template-columns:1fr}}

/* ===== Contacto (.ggc) · incluye la antigua regla provisional del cajetín (antes en guila-comun.css) ===== */
.ggc{font-family:Inter,sans-serif;color:#fff;--acc:var(--gg-azul-claro)}
.ggc *{box-sizing:border-box}
.ggc .sec{position:relative;padding:110px 56px 120px}
.ggc .lt{background:var(--gg-gris);color:var(--gg-azul)}.ggc .dk{background:var(--gg-pie);color:#fff}
.ggc .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}
.ggc .wrap{max-width:1208px;margin:0 auto;display:flex;flex-direction:column;gap:56px}
.ggc .head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.ggc .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}
.ggc .eb:before{content:"";width:42px;height:2px;background:var(--gg-azul)}
.ggc .dk .eb,.ggc .hero .eb{color:rgba(255,255,255,.75)}.ggc .dk .eb:before,.ggc .hero .eb:before{background:var(--acc)}
.ggc h1,.ggc h2,.ggc h3{font-family:Saira,sans-serif;font-weight:700;text-transform:uppercase;margin:0;color:inherit}
.ggc h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1}
.ggc .lead{margin:0;max-width:500px;font-size:18px;line-height:1.65;color:#3F4855}.ggc .dk .lead{color:rgba(255,255,255,.75)}
.ggc .mono{font-family:"JetBrains Mono",monospace;letter-spacing:2px;font-size:12px}
.ggc .btw,.ggc .bto,.ggc .btn{display:inline-block;padding:17px 30px;text-decoration:none;font:700 14px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase}
.ggc .btw{background:#fff;color:var(--gg-azul-hero)!important}
.ggc .bto{border:1px solid rgba(255,255,255,.55);color:#fff!important;font-weight:600}
.ggc .btn{background:var(--gg-azul);color:#fff!important}

/* HERO */
.ggc .hero{position:relative;min-height:860px;overflow:hidden;display:flex;flex-direction:column;background:#0E2440;isolation:isolate}
.ggc .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:#102544 url("/wp-content/uploads/2026/10/guila-group-hero-blueprint-nave-industrial-corte-isometrico_v2.webp") right center/auto 100% no-repeat;opacity:.6}
.ggc .hero .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,20,34,.9) 0%,rgba(11,20,34,.66) 36%,rgba(11,20,34,.32) 60%,rgba(11,20,34,.26) 100%)}
.ggc header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:28px 56px;gap:24px;z-index:6}

.ggc nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}
.ggc nav a{color:rgba(255,255,255,.82);text-decoration:none}.ggc nav a:hover{color:#fff}
.ggc nav .ct{padding:12px 22px;border:1px solid #fff;background:#fff;color:var(--gg-azul-hero);font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.ggc .heroin{position:relative;flex-grow:1;display:flex;align-items:center;padding:40px 56px 110px}
.ggc .htx{max-width:620px;display:flex;flex-direction:column;gap:26px;position:relative;z-index:3}
.ggc .hero h1{font-size:clamp(34px,4.6vw,62px);line-height:1.06;letter-spacing:.5px}
.ggc .hero p.in{margin:0;font-size:19px;line-height:1.6;color:rgba(255,255,255,.82)}
.ggc .tel{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#fff!important;width:max-content}
.ggc .tel span{color:var(--acc)}
.ggc .tel b{font:700 clamp(28px,3vw,40px)/1 Saira,sans-serif;letter-spacing:1px;transition:color .25s}
.ggc .tel:hover b{color:var(--acc)}
.ggc .hbtn{display:flex;flex-wrap:wrap;gap:14px;padding-top:4px}

/* Puntos y fichas */
.ggc .cpt{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;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(--acc);box-shadow:0 0 0 6px rgba(79,163,199,.18);z-index:5;transition:transform .2s;display:none}
.ggc .cpt.vis{display:block}
.ggc .cpt:hover{transform:scale(1.08)}.ggc .cpt.on{color:var(--gg-azul-hero);background:#fff;border-color:#fff}
.ggc .cpt:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ggc .cpt.star{width:56px;height:56px;margin:-28px 0 0 -28px;background:var(--acc);color:var(--gg-azul-hero);font-weight:600;animation:ggcpulse 2.2s ease-out infinite}
.ggc .cpt.star.on{background:#fff;border-color:#fff}
@keyframes ggcpulse{0%{box-shadow:0 0 0 0 rgba(79,163,199,.55)}70%{box-shadow:0 0 0 18px rgba(79,163,199,0)}100%{box-shadow:0 0 0 0 rgba(79,163,199,0)}}
.ggc .ccard{position:absolute;width:330px;padding:22px 24px;background:rgba(11,20,34,.95);border:1px solid rgba(79,163,199,.6);border-top:3px solid var(--acc);display:none;flex-direction:column;gap:10px;z-index:6}
.ggc .ccard.on{display:flex}
.ggc .cc-n{color:var(--acc);font-size:11px}
.ggc .cc-t{font:700 19px/1.2 Saira,sans-serif;text-transform:uppercase}
.ggc .cc-h{font-size:14px;line-height:1.5;color:rgba(255,255,255,.82)}
.ggc .cc-p{list-style:none;margin:2px 0 4px;padding:0;display:flex;flex-direction:column;gap:7px}
.ggc .cc-p li{margin:0;display:flex;gap:10px;align-items:baseline;font-size:13px;line-height:1.4;color:rgba(255,255,255,.9)}
.ggc .cc-p li:before{content:"";width:6px;height:6px;flex:none;background:var(--acc);transform:translateY(-1px)}
.ggc .cc-b{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.ggc .cc-b a{padding:11px 16px;font:600 12px Inter,sans-serif;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.55);color:#fff!important}
.ggc .cc-b a.pri{background:var(--acc);border-color:var(--acc);color:var(--gg-pie)!important}

/* Canales */
.ggc .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
/* Tarjetas de canales (8 oct. 2026): el color sale de la clase de la tarjeta (azul por defecto; .ch-verde, .ch-apex, .ch-minelta).
   --c pinta el borde superior; --c-txt, la etiqueta y el enlace al pasar el ratón, con el tono oscuro de la paleta para texto sobre blanco. */
.ggc .ch{--c:var(--gg-azul);--c-txt:var(--gg-azul);background:#fff;padding:34px 30px 30px;display:flex;flex-direction:column;gap:14px;border-top:4px solid var(--c);transition:transform .25s,box-shadow .25s}
.ggc .ch-verde{--c:var(--gg-verde);--c-txt:var(--gg-verde-oscuro)}
.ggc .ch-apex{--c:var(--gg-apex);--c-txt:var(--gg-apex)}
.ggc .ch-minelta{--c:var(--gg-minelta);--c-txt:var(--gg-minelta-oscuro)}
.ggc .ch:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,24,40,.12)}
.ggc .ch .mono{color:var(--c-txt);text-transform:uppercase}
.ggc .ch h3{font-size:21px;line-height:1.2}
.ggc .ch p{margin:0;font-size:15.5px;line-height:1.6;color:#3F4855;flex-grow:1}
.ggc .ch .lk{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid #E3E6EA}
.ggc .ch .lk a{font-size:15px;font-weight:600;color:var(--gg-azul)!important;text-decoration:none}
.ggc .ch .lk a:hover{color:var(--c-txt)!important}
.ggc .ch .lk a.sub{font-size:13px;font-weight:500;color:#5B6472!important}
/* Directorio de la centralita (9 oct. 2026, versión clara): sección propia (#centralita, fondo gris .lt) entre el formulario
   y «Cómo llegar» (9 oct.); la ficha 01 del hero («Ver extensiones») lleva aquí. Mismo lenguaje que las tarjetas de «Canales»
   (tarjeta blanca y filete superior de color). Cabecera: antetítulo, teléfono grande, entradilla y horario.
   Seis teclas (.dx) en rejilla de 3 columnas (2 hasta 1100 px y 1 hasta 600 px): número en un cuadro, nombre, subtítulo, correo
   y «Llamar a la ext. N» (tel:…,N marca la extensión en el móvil). Color de la tecla con --c (filete y cuadro) y --c-txt (textos),
   azul por defecto; .dx-verde para Taller y Recambios (verde GMS y verde oscuro para texto sobre blanco). */
.ggc .dirb{display:flex;flex-direction:column;gap:26px}
.ggc .dir-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.ggc .dir-top .eb{margin-bottom:12px}
.ggc .dir-num{display:inline-block;font:700 clamp(28px,2.6vw,36px)/1.1 Saira,sans-serif;letter-spacing:1px;color:var(--gg-azul)!important;text-decoration:none;transition:color .25s}
.ggc .dir-num:is(:hover,:focus-visible){color:var(--gg-apex)!important}
.ggc .dir-sub{margin:8px 0 0;max-width:560px;font-size:15.5px;line-height:1.6;color:#3F4855}
.ggc .dir-h{margin:0;font-size:13px;letter-spacing:1px;color:#5B6472}
.ggc .dir{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ggc .dx{--c:var(--gg-azul);--c-txt:var(--gg-azul);display:flex;flex-direction:column;gap:14px;padding:22px 24px;background-color:#fff;border-top:3px solid var(--c);transition:transform .25s,box-shadow .25s}
.ggc .dx-verde{--c:var(--gg-verde);--c-txt:var(--gg-verde-oscuro)}
.ggc .dx:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(16,24,40,.10)}
.ggc .dx-a{display:flex;align-items:center;gap:16px}
.ggc .dx-n{flex:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c);color:var(--c-txt);font-size:26px;font-weight:500;line-height:1}
.ggc .dx h3{font-size:17px;line-height:1.2}
.ggc .dx-a p{margin:3px 0 0;font-size:13px;color:#5B6472}
.ggc .dx .lk{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid #E3E6EA}
.ggc .dx .lk a{font-size:14.5px;font-weight:600;color:var(--gg-azul)!important;text-decoration:none;overflow-wrap:anywhere}
.ggc .dx .lk a.dx-tel{font-size:13px;font-weight:500;color:#5B6472!important}
.ggc .dx .lk a:hover{color:var(--c-txt)!important}
@media (max-width:1100px){.ggc .dir{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ggc .dir{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ggc .dx{transition:none}.ggc .dx:hover{transform:none}}

/* Cómo llegar */
.ggc .two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
/* Ficha de contacto: un dato por fila en todos los tamaños (la regla común .gga .tr de dos columnas es para las listas de las divisiones) */
.ggc .plate .tr{grid-template-columns:1fr!important}
.ggc .tr{display:grid;grid-template-columns:1fr;border-top:1px solid rgba(255,255,255,.14)}
.ggc .tr div{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:baseline;font-size:16px;line-height:1.5}
.ggc .tr span{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--acc)}
.ggc .tr a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.ggc .tr a:hover{border-color:var(--acc)}
.ggc .plate{border:1px solid rgba(191,227,244,.35);padding:34px;display:flex;flex-direction:column;gap:22px;position:relative}
.ggc .plate:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(191,227,244,.18);pointer-events:none}
.ggc .plate h3{font-size:26px;line-height:1.15}
.ggc .plate p{margin:0;font-size:16px;line-height:1.65;color:rgba(255,255,255,.75)}

@media(max-width:900px){.ggc .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ggc .two{grid-template-columns:1fr;gap:48px}}
@media(max-width:900px){
  .ggc .sec{padding:80px 22px 90px}.ggc header{padding:20px 22px}.ggc nav{display:none}
  .ggc .head{flex-direction:column;align-items:flex-start}
  .ggc .hero{min-height:720px}.ggc .hero:before{background-size:cover;background-position:70% center}
  .ggc .heroin{padding:30px 22px 80px}.ggc .cpt,.ggc .ccard,.ggc .htx p.mono{display:none!important}
  .ggc .grid{grid-template-columns:1fr}.ggc .tr div{grid-template-columns:1fr;gap:4px}
}
.ggc a.wa{display:inline-flex;align-items:center;gap:10px}.ggc .wai{width:17px;height:17px;flex:none;color:#25D366}.ggc .cc-b a.pri .wai{color:var(--gg-pie)}.ggc .hrs{margin:-14px 0 0;color:rgba(191,227,244,.75)}
/* Formulario */
.ggc .fsec{background:#fff;color:var(--gg-azul)}
.ggc .job-l{margin:0;font-size:15px;color:#3F4855}.ggc .job-l a{color:var(--gg-azul);font-weight:600;text-decoration:underline}
.ggc .fbox .elementor-field-group:not(.elementor-field-type-acceptance) > .elementor-field-label{display:none!important}
.ggc .fbox .elementor-select-wrapper{width:100%;margin:0!important;padding:0!important}
.ggc .fbox .elementor-select-wrapper select{width:100%}
.ggc .fbox .elementor-field-type-acceptance .elementor-field-subgroup{display:flex}
.ggc .fbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--gg-azul);margin-right:10px;vertical-align:-3px}
.ggc .fgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.ggc .rgpd{margin:28px 0 0;padding-top:20px;border-top:1px solid #E3E6EA;font-size:12.5px;line-height:1.6;color:#5B6472;max-width:440px}
.ggc .rgpd b{color:var(--gg-azul);font-weight:600}
.ggc .rgpd a{color:var(--gg-azul)}
.ggc .fbox .elementor-form-fields-wrapper{margin:0 -8px}
.ggc .fbox .elementor-field-group{padding:0 8px;margin-bottom:16px}
/* Campos (8 oct. 2026): el desplegable usa el componente común «Desplegables» de guila-componentes.css, así que aquí no se fija
   su relleno derecho ni se usa el atajo background (solo background-color). */
.ggc .fbox .elementor-field-textual{background-color:var(--gg-gris)!important;border:1px solid #D9DDE3!important;border-radius:0!important;padding-block:16px!important;padding-left:18px!important;font:15px/1.4 Inter,sans-serif!important;color:var(--gg-azul)!important;min-height:54px;box-shadow:none!important}
.ggc .fbox :is(input,textarea).elementor-field-textual{padding-right:18px!important}
.ggc .fbox textarea.elementor-field-textual{min-height:150px}
.ggc .fbox .elementor-field-textual:focus{border-color:var(--gg-azul)!important;background-color:#fff!important;outline:none}
.ggc .fbox .elementor-field-textual::placeholder{color:#7A8494}
.ggc .fbox .elementor-field-type-acceptance label{font-size:14px;color:#3F4855}
.ggc .fbox .elementor-field-type-acceptance a{color:var(--gg-azul);text-decoration:underline}
.ggc .fbox .elementor-button{background:var(--gg-azul)!important;color:#fff!important;border-radius:0!important;padding:19px 30px!important;font:700 14px Inter,sans-serif!important;letter-spacing:1px;text-transform:uppercase;transition:background .25s}
.ggc .fbox .elementor-button:hover{background:var(--gg-pie)!important}
.ggc .fbox .elementor-message{font-size:15px;margin-top:14px}
.ggc .fbox .elementor-message-success{color:var(--gg-verde-oscuro)}
@media(max-width:900px){.ggc .fgrid{grid-template-columns:1fr;gap:40px}}
/* Contacto · reencuadre del hero en portátiles: tamaño y posición los calcula place() (bloque 11) */
@media(min-width:901px){.ggc .hero:before{background-size:auto var(--cbh,100%);background-position:var(--cbx,100%) 50%}}
/* Contacto · hero en pantallas bajas: el teléfono y las separaciones se adaptan al alto, para dejar sitio al indicador «Descubre cómo contactar» (6 oct. 2026) */
@media(min-width:901px){.ggc .tel b{font-size:clamp(24px,min(3vw,5vh),40px)}body .gga.ggc .heroin .htx{gap:clamp(10px,calc(4vh - 16px),26px)!important}}

/* =====================================================================
   HERITAGE · VISOR DE ARCHIVO (9 oct. 2026)
   La sección del archivo (#archivo) es un visor con dos documentos:
   DOC. 01 · Evolución de la marca (sellos) y DOC. 02 · Plano de Súria.
   Marcado y script en guila-heritage.php (.ggv, .ggm). Punto 02 del hero en el mismo archivo.
   ===================================================================== */
.ggh .ggv{position:relative;padding:22px 74px 26px;border:1px solid rgba(191,227,244,.32);border-radius:10px;background:linear-gradient(180deg,#123056 0%,#0d2444 60%,#0b1f3b 100%);box-shadow:0 30px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
.ggh .ggv::before{content:"";position:absolute;inset:8px;border:1px solid rgba(191,227,244,.14);border-radius:6px;pointer-events:none}
.ggh .ggv-sc{position:absolute;width:14px;height:14px;border-radius:50%;border:1px solid rgba(191,227,244,.55);background:radial-gradient(circle at 35% 35%,rgba(191,227,244,.25),transparent 70%)}
.ggh .ggv-sc::after{content:"";position:absolute;left:2px;right:2px;top:6px;height:1px;background:rgba(191,227,244,.7);transform:rotate(-35deg)}
.ggh .ggv-sc.a{left:18px;top:18px}.ggh .ggv-sc.b{right:18px;top:18px}.ggh .ggv-sc.c{left:18px;bottom:18px}.ggh .ggv-sc.d{right:18px;bottom:18px}
.ggh .ggv-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px}
.ggh .ggv-plate{border:1px solid rgba(191,227,244,.5);padding:7px 14px;font:700 11px "JetBrains Mono",monospace;letter-spacing:3px;color:var(--gg-azul-hielo,#BFE3F4);text-transform:uppercase;white-space:nowrap}
.ggh .ggv-plate small{display:block;font-weight:500;font-size:9px;letter-spacing:2px;color:rgba(191,227,244,.55);margin-top:2px}
.ggh .ggv-tabs{display:flex;gap:6px}
.ggh .ggv-tab{border:1px solid rgba(191,227,244,.3);background:rgba(8,20,38,.5);color:rgba(191,227,244,.7);font:500 11px "JetBrains Mono",monospace;letter-spacing:2px;text-transform:uppercase;padding:9px 14px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.ggh .ggv-tab b{color:#fff;font-weight:700;margin-right:6px}
.ggh .ggv-tab:hover{border-color:var(--a);color:#fff}
.ggh .ggv-tab.on{background:var(--a);border-color:var(--a);color:#0F2A44}
.ggh .ggv-tab.on b{color:#0F2A44}
.ggh .ggv-st{display:flex;align-items:center;gap:10px;font:500 11px "JetBrains Mono",monospace;letter-spacing:2px;color:rgba(191,227,244,.75);text-transform:uppercase;white-space:nowrap}
.ggh .ggv-led{width:8px;height:8px;border-radius:50%;background:#A4C016;box-shadow:0 0 8px #A4C016}
.ggh .ggv.carga .ggv-led{animation:ggvLed .25s steps(2) 4}
@keyframes ggvLed{50%{opacity:.15}}
.ggh .ggv-vent{width:64px;height:16px;background:repeating-linear-gradient(90deg,rgba(191,227,244,.35) 0 2px,transparent 2px 7px);opacity:.7}
.ggh .ggv-body{position:relative}
.ggh .ggv-scr{position:relative;aspect-ratio:1915/1086;overflow:hidden;border:2px solid rgba(191,227,244,.5);border-radius:4px;background:#07162b;box-shadow:inset 0 0 0 6px #081a31,inset 0 0 40px rgba(0,0,0,.6)}
.ggh .ggv-scr::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px)}
.ggh .ggv-scr::after{content:"";position:absolute;left:0;right:0;top:0;height:28%;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(191,227,244,.16),transparent)}
.ggh .ggv.carga .ggv-scr::after{animation:ggvScan .9s ease-out}
@keyframes ggvScan{0%{opacity:1;transform:translateY(-100%)}100%{opacity:1;transform:translateY(380%)}}
.ggh .ggv-trk{display:flex;width:200%;height:100%;transition:transform .8s cubic-bezier(.65,0,.35,1)}
.ggh .ggv.carga .ggv-trk{animation:ggvFlick .9s ease-out}
@keyframes ggvFlick{0%{filter:brightness(1)}35%{filter:brightness(.55)}55%{filter:brightness(1.25)}70%{filter:brightness(.85)}100%{filter:brightness(1)}}
.ggh .ggv-sl{width:50%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px}
.ggh .ggv-sl>.scroll,.ggh .ggv-sl>.ggm-hoja{width:100%}
.ggh .ggv .sheet{min-width:0;box-shadow:none}
.ggh .ggv .sheet::before,.ggh .ggv .sheet::after{display:none}
.ggh .ggv-k{position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:1px solid rgba(191,227,244,.6);background:radial-gradient(circle at 40% 35%,#1b3d66,#0b1f3b 70%);box-shadow:0 0 0 4px rgba(191,227,244,.08),0 4px 10px rgba(0,0,0,.4);cursor:pointer;padding:0;color:var(--gg-azul-hielo,#BFE3F4);font:700 16px "JetBrains Mono",monospace}
.ggh .ggv-k::before{content:"";position:absolute;left:50%;top:5px;width:2px;height:10px;margin-left:-1px;background:var(--gg-azul-hielo,#BFE3F4);transform-origin:50% 18px;transition:transform .5s}
.ggh .ggv-k span{position:relative;top:4px}
.ggh .ggv-k.l{left:-60px}.ggh .ggv-k.r{right:-60px}
.ggh .ggv-k:hover{border-color:var(--a)}
.ggh .ggv-k:focus-visible,.ggh .ggv-tab:focus-visible,.ggh .ggm-hoja .pt:focus-visible{outline:2px solid var(--a);outline-offset:3px}
.ggh .ggv[data-doc="1"] .ggv-k::before{transform:rotate(45deg)}
.ggh .ggv-bot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;font:500 10px "JetBrains Mono",monospace;letter-spacing:2px;color:rgba(191,227,244,.55);text-transform:uppercase}
.ggh .ggv-slot{flex:0 0 42%;height:10px;border-radius:5px;background:#050f1f;box-shadow:inset 0 2px 4px rgba(0,0,0,.8),0 1px 0 rgba(191,227,244,.18)}
.ggh .ggv-info>div{display:none}
.ggh .ggv-info>div.on{display:block;animation:gghIn .4s cubic-bezier(.2,.7,.2,1) both}
/* Plano de Súria (DOC. 02) */
.ggh .ggm-hoja .pt{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid var(--gg-azul-hielo,#BFE3F4);background:#0F2A44;color:#fff;font:700 12px "JetBrains Mono",monospace;cursor:pointer;padding:0;z-index:2;transition:background .25s,transform .25s}
.ggh .ggm-hoja .pt::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(191,227,244,.45);opacity:0}
.ggh .ggm-hoja .pt:hover{transform:scale(1.08)}
.ggh .ggm-hoja .pt.on{background:var(--a);border-color:#fff}
.ggh .ggm-hoja .pt.on::after{opacity:1;animation:ggmP 1.8s ease-out infinite}
.ggh .ggm-hoja .pt.g{border-color:#A4C016}
.ggh .ggm-hoja .pt.g.on{background:#A4C016;color:#0F2A44}
.ggh .ggm-hoja .pt.g::after{border-color:rgba(164,192,22,.6)}
@keyframes ggmP{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.ggh .ggm-card .y{grid-row:span 4}
.ggh .ggm-card .n{font:500 11px "JetBrains Mono",monospace;letter-spacing:2px;color:rgba(191,227,244,.75);text-transform:uppercase}
.ggh .ggm-card a{grid-column:2;justify-self:start;margin-top:12px;font:600 12px Saira,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--a);text-decoration:none}
.ggh .ggm-card a:hover{color:#fff}
.ggh .ggm-card .ggm-ir{margin-top:6px}
.ggh .ggm-card a[hidden]{display:none}
.ggh .ggm-card.in .n{animation:gghIn .38s cubic-bezier(.2,.7,.2,1) .02s both}
@media (max-width:1100px){.ggh .ggv{padding:18px 54px 22px}.ggh .ggv-k.l{left:-46px}.ggh .ggv-k.r{right:-46px}.ggh .ggv-k{width:38px;height:38px;margin-top:-19px}.ggh .ggv-vent{display:none}}
@media (max-width:900px){.ggh .ggv{padding:14px 12px 18px}.ggh .ggv-top{flex-wrap:wrap}.ggh .ggv-k{display:none}.ggh .ggv-scr{aspect-ratio:auto}.ggh .ggv-trk{height:auto}.ggh .ggv-sl{padding:8px;overflow-x:auto;align-items:flex-start;justify-content:flex-start}.ggh .ggv-sl .scroll{overflow:visible;padding:0;margin:0}.ggh .ggm-card a{grid-column:auto}.ggh .ggm-card .y{grid-row:auto}}
@media (max-width:600px){.ggh .ggv-sl>.scroll,.ggh .ggv-sl>.ggm-hoja{min-width:640px}}
@media (prefers-reduced-motion:reduce){.ggh .ggv-trk{transition:none}.ggh .ggv.carga .ggv-trk,.ggh .ggv.carga .ggv-scr::after,.ggh .ggv.carga .ggv-led,.ggh .ggm-hoja .pt.on::after,.ggh .ggv-info>div.on{animation:none}}