/* =============================================================================================
 * GUILÁ Group · Versión móvil (bloque 13, 9 oct. 2026)
 * Solo se carga con media="(max-width:600px)" (ver mu-plugins/guila-movil.php).
 * PC y tableta no la reciben: nada de aquí les afecta.
 * Idea: lo básico y esencial. Cabecera con logo y menú, menú a pantalla completa por grupos,
 * barra inferior de contacto y páginas sin efectos ni funciones secundarias.
 * ============================================================================================= */

/* Colores: solo variables de guila-comun.css (--gg-…). Aquí, únicamente las medidas propias del móvil
 * y los tres tonos de apoyo que ya usa la web fuera de la paleta (ver Torre, «Tonos fuera de la paleta»). */
:root{--m-r:8px;--m-cab:60px;--m-hielo:#BFE3F4;--m-linea:#E3E6EA;--m-texto:#4A4F57}

/* ---------- 1. Cabecera: logo y menú, fija arriba ---------- */
html body header.gg-hasb{position:fixed!important;top:0;left:0;right:0;z-index:9000;height:var(--m-cab)!important;margin:0!important;padding:0 8px 0 18px!important;display:flex!important;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--gg-pie) 96%,transparent)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(191,227,244,.10);box-sizing:border-box}
html.gg-hasm #wpadminbar{display:none!important}
html.gg-hasm{margin-top:0!important}
html body header.gg-hasb .lock{display:flex;align-items:center;height:auto;max-width:none;margin:0;padding:0}
html body header.gg-hasb .lock img{height:34px!important;width:auto!important;max-width:none}
html body header.gg-hasb .lock>span,html body header.gg-hasb .lock>a+a,html body header.gg-hasb .lock>span+a{display:none!important}
html body header.gg-hasb .gg-lang-c,html body header.gg-hasb .gg-navwrap{display:none!important}
html body header.gg-hasb .gg-burger{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:44px!important;height:44px!important;margin:0!important;transform:none!important}
html body{padding-top:var(--m-cab)}

/* ---------- 2. Menú a pantalla completa ---------- */
html.gg-hasm .gg-mnav{padding:0 20px calc(24px + env(safe-area-inset-bottom))!important;background:var(--gg-azul-hero)!important;overflow-y:auto;display:flex;flex-direction:column}
html.gg-hasm .gg-mnav .gg-mtop{height:var(--m-cab);margin:0 -12px 0 -2px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}
html.gg-hasm .gg-mnav .gg-mtop img{height:34px!important;width:auto!important}
html.gg-hasm .gg-mnav .gg-mlab,html.gg-hasm .gg-mnav .gg-mlist,html.gg-hasm .gg-mnav .gg-mquick{display:none!important}
html.gg-hasm .gg-mm{display:flex;flex-direction:column;flex:1 0 auto;padding-top:6px}
.gg-mm .gg-mm-g{margin:22px 0 4px;font:600 11px/1 Inter,sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--m-hielo);opacity:.75}
.gg-mm>a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:50px;padding:12px 0;border-bottom:1px solid rgba(191,227,244,.14);color:#fff!important;text-decoration:none!important;box-sizing:border-box}
.gg-mm .gg-mm-t{font:600 21px/1.2 Saira,sans-serif;letter-spacing:.2px}
.gg-mm .gg-mm-s{font:500 12px/1.3 Inter,sans-serif;color:rgba(191,227,244,.72);text-align:right}
.gg-mm>a>i{width:8px;height:8px;border-top:1.5px solid var(--gg-azul-claro);border-right:1.5px solid var(--gg-azul-claro);transform:rotate(45deg);align-self:center;margin-right:4px}
.gg-mm>a.gg-on .gg-mm-t{color:var(--gg-verde)}
.gg-mm-bot{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:12px}
.gg-mm-area{flex:1;display:flex;align-items:center;justify-content:center;height:50px;border-radius:var(--m-r);background:#fff;color:var(--gg-azul-hero)!important;font:600 15px Inter,sans-serif;text-decoration:none!important}
/* Selector de idioma: el común (gg_nav_idioma), con forma de botón doble. */
.gg-mm-bot .gg-lang{position:static!important;inset:auto!important;transform:none!important;display:flex!important;align-items:stretch;height:50px;margin:0!important;padding:0!important;border:1px solid rgba(191,227,244,.35);border-radius:var(--m-r);overflow:hidden;color:#fff!important;text-decoration:none!important}
.gg-mm-bot .gg-lang span{display:flex;align-items:center;justify-content:center;min-width:48px;font:600 13px Inter,sans-serif;opacity:1!important;color:#fff!important}
.gg-mm-bot .gg-lang span.on{background:rgba(191,227,244,.16)}
.gg-mm-bot .gg-lang i{display:none!important}

/* ---------- 3. Barra inferior de contacto ---------- */
html.gg-hasm .gg-dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:8999;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:color-mix(in srgb,var(--gg-pie) 95%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(191,227,244,.12);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.30)}
.gg-dock a{height:50px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff!important;text-decoration:none!important;font:600 14px/1 Inter,sans-serif;letter-spacing:.2px}
.gg-dock a:first-child{background:#fff;color:var(--gg-azul-hero)!important}
.gg-dock a:active{background:rgba(191,227,244,.12)}
.gg-dock svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.gg-hasm body{padding-bottom:84px}
html.gg-lock .gg-dock{display:none!important}
html.gg-hasm .cookieadmin_re_consent{bottom:90px!important}

/* ---------- 4. Funciones secundarias desactivadas ---------- */
.gg-cue,.gg-video{display:none!important}
.gg-rv{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}

/* ---------- 5. Botones comunes ---------- */
.gg-hero .gg-btns{display:flex!important;flex-direction:column;gap:10px;width:100%}
.gg-hero .gg-btns .gg-b{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:52px;margin:0!important;border-radius:var(--m-r)!important;font-size:15px!important;box-sizing:border-box}

/* ---------- 6. Home ---------- */
/* Hero: fondo liso, título, texto y dos botones. */
.page-id-114 .gg-hero{min-height:0!important;padding:40px 20px 44px!important;background:var(--gg-azul-hero)!important}
.page-id-114 .gg-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(191,227,244,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(191,227,244,.05) 1px,transparent 1px);background-size:28px 28px}
.page-id-114 .gg-hero .gg-main{position:relative}
.page-id-114 .gg-hero .gg-eyebrow{font-size:11px!important;letter-spacing:2.5px!important;margin-bottom:14px!important}
.page-id-114 .gg-hero h1{font-size:29px!important;line-height:1.08!important;margin-bottom:14px!important}
.page-id-114 .gg-hero .gg-lead p{font-size:16px!important;line-height:1.55!important;margin-bottom:26px!important}
.page-id-114 .gg-hero .gg-btns .gg-b:nth-child(3){display:none!important}

/* Divisiones: cuatro filas con logo, especialidad y flecha. */
.page-id-114 #grupo{padding:40px 20px 8px!important;background:#fff!important}
.page-id-114 #grupo .gg-head{padding:0!important;margin:0 0 20px!important;min-height:0!important;text-align:left}
.page-id-114 #grupo .gg-head>div{padding:0!important}
.page-id-114 #grupo .gg-head h2{font-size:26px!important;line-height:1.12!important}
.page-id-114 #grupo .gg-intro{display:none!important}
.page-id-114 #grupo .gg-in{display:block!important;padding:0!important;gap:0!important}
.page-id-114 #grupo .gg-cards{display:block!important;gap:0!important;margin:0!important;padding:0!important}
.page-id-114 #grupo .gg-card{position:relative;text-align:left!important;justify-items:start;display:grid!important;grid-template-columns:1fr 20px;grid-template-areas:"logo ar" "div ar";align-items:center;row-gap:6px;min-height:0!important;margin:0!important;padding:18px 4px 18px 16px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--m-linea)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.page-id-114 #grupo .gg-card:first-child{border-top:1px solid var(--m-linea)!important}
.page-id-114 #grupo .gg-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:2px;background:var(--gg-verde)}
.page-id-114 #grupo .gg-card.apex::before{background:var(--gg-apex)}
.page-id-114 #grupo .gg-card.mlt::before{background:var(--gg-minelta)}
.page-id-114 #grupo .gg-card .gg-logo{grid-area:logo;display:flex!important;justify-content:flex-start!important;height:auto!important;margin:0!important;padding:0!important}
.page-id-114 #grupo .gg-card .gg-logo img{height:30px!important;width:auto!important;max-width:100%}
.page-id-114 #grupo .gg-card .gg-div{grid-area:div;margin:0!important;font-size:12px!important;letter-spacing:1px!important;color:var(--m-texto)!important}
.page-id-114 #grupo .gg-card .gg-txt{display:none!important}
.page-id-114 #grupo .gg-card .gg-more{grid-area:ar;position:static!important;margin:0!important;padding:0!important}
.page-id-114 #grupo .gg-card .gg-more a{position:static!important;display:block;width:9px;height:9px;padding:0!important;font-size:0!important;color:transparent!important;border:0!important;border-top:1.5px solid var(--gg-azul-claro)!important;border-right:1.5px solid var(--gg-azul-claro)!important;transform:rotate(45deg);background:none!important}
.page-id-114 #grupo .gg-card .gg-more a::after{content:"";position:absolute;inset:0}

/* Servicios: están en cada división; en móvil la Home no los repite. */
.page-id-114 #servicios{display:none!important}

/* Bloque móvil de la Home: Recambios y Heritage. */
.gg-mhome{display:block;padding:24px 20px 44px;background:#fff}
.gg-mhome a{position:relative;display:block;margin-top:12px;padding:22px 48px 22px 20px;border-radius:var(--m-r);background:var(--gg-gris);color:var(--gg-azul)!important;text-decoration:none!important}
.gg-mhome a.gg-mh-rec{background:var(--gg-azul-hero);color:#fff!important}
.gg-mhome a::after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;margin-top:-5px;border-top:1.5px solid var(--gg-azul-claro);border-right:1.5px solid var(--gg-azul-claro);transform:rotate(45deg)}
.gg-mhome b{display:block;font:700 20px/1.2 Saira,sans-serif;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}
.gg-mhome span{display:block;font:400 14px/1.45 Inter,sans-serif;opacity:.8}

/* ---------- 7. Pie: solo contacto y textos legales ---------- */
footer.ggf{padding:36px 20px 24px!important}
footer.ggf .ggf-top{margin-bottom:22px!important;padding-bottom:0!important;border:0!important}
footer.ggf .ggf-intro{display:none!important}
footer.ggf .ggf-cols{display:block!important;margin:0!important;padding:0!important}
footer.ggf .ggf-cols>div:not(:last-child){display:none!important}
footer.ggf .ggf-cols h4{margin-bottom:10px!important}
footer.ggf .ggf-bot{margin-top:24px!important;padding-top:18px!important}
footer.ggf .ggf-legal{display:flex!important;flex-wrap:wrap;gap:6px 16px}
footer.ggf .ggf-legal a{font-size:12px!important;padding:6px 0}

/* ---------- 8. Divisiones (GMS, GUILÁ-LGP, MINELTA y lo común de APEX) ---------- */
/* Hero: sin puntos ni fichas, altura natural y botones a todo el ancho. */
html body .gga section.hero{min-height:0!important;height:auto!important}
html body .gga section.hero .heroin{min-height:0!important;height:auto!important;padding:44px 20px 48px!important;align-items:flex-start!important}
html body .gga section.hero .tl-hbox{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
html body .gga section.hero .tl-h1{font-size:30px!important;line-height:1.08!important}
html body .gga section.hero .tl-hlead{font-size:16px!important;line-height:1.55!important}
.gga .ghs,.gga .gcard,.gga .hs,.gga .hcard,.gga .gg-hint{display:none!important}
.gga .tl-btns,.gga .gg-wa-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%}
.gga .tl-btns>a,.gga .gg-wa-row>a{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:52px;margin:0!important;border-radius:var(--m-r)!important;box-sizing:border-box}

/* Secciones: márgenes de móvil y una sola columna (las cifras clave van a dos). */
.gga .sec{padding:48px 0!important}
.gga .sec .wrap{padding-left:20px!important;padding-right:20px!important;width:auto!important;max-width:none!important;gap:28px!important;grid-template-columns:minmax(0,1fr)!important}
.gga .sec .head{gap:14px!important;margin-bottom:24px!important}
.gga .sec h2{font-size:26px!important;line-height:1.12!important}
.gga .sec .lead{font-size:16px!important}
.gga .sec .grid:not(.figs){grid-template-columns:minmax(0,1fr)!important}

/* Cifras clave: dos columnas y sin textos de apoyo. */
.gga .sec .grid.figs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px 16px!important}
.gga .figs .big b{font-size:26px!important;line-height:1.1!important;white-space:nowrap}
.gga .figs .big span{font-size:11px!important;letter-spacing:1.5px!important}
.gga .figs .big em,.gga .tl-figlead{display:none!important}

/* Servicios: lista desplegable (se abre al tocar cada línea).
   Solo las tarjetas con texto (un <p>) llevan flecha y se pueden abrir; las que solo tienen título,
   como las Capacidades de APEX, quedan como lista simple (10 oct. 2026). */
.gga .sec .grid>.cap{position:relative;display:block!important;min-height:0!important;margin:0!important;padding:16px 36px 16px 0!important;background:none!important;border:0!important;border-bottom:1px solid rgba(191,227,244,.16)!important;border-radius:0!important;box-shadow:none!important;cursor:default}
.gga .sec .grid>.cap:has(>p){cursor:pointer}
.gga .sec.lt .grid>.cap{border-bottom-color:var(--m-linea)!important}
.gga .sec .grid:has(>.cap){display:block!important;gap:0!important;border-top:1px solid rgba(191,227,244,.16)}
.gga .sec .grid>.cap .mono{display:inline-block!important;width:34px;margin:0!important;vertical-align:top;opacity:.7}
.gga .sec .grid>.cap h3{display:inline-block!important;width:calc(100% - 40px);margin:0!important;font-size:17px!important;line-height:1.3!important;vertical-align:top}
.gga .sec.dk .grid>.cap h3{color:#fff!important}
.gga .sec.dk .grid>.cap .mono{color:var(--gg-div,var(--gg-verde))!important;opacity:1}
.gga .sec .grid>.cap:has(>p)::after{content:"";position:absolute;right:6px;top:22px;width:8px;height:8px;border-right:1.5px solid var(--gg-azul-claro);border-bottom:1.5px solid var(--gg-azul-claro);transform:rotate(45deg);transition:transform .2s}
.gga .sec .grid>.cap.gg-open::after{transform:rotate(-135deg);top:26px}
.gga .sec .grid>.cap>p,.gga .sec .grid>.cap>a{display:none!important}
.gga .sec .grid>.cap.gg-open>p{display:block!important;margin:10px 0 4px 34px!important;font-size:15px!important;line-height:1.5!important}
.gga .sec.dk .grid>.cap>p{color:rgba(255,255,255,.8)!important}
.gga .sec .grid>.cap.gg-open>a{display:inline-flex!important;margin:8px 0 4px 34px!important}
/* GMS · Servicios: la tarjeta 07 (Recambios) es verde con texto azul en PC; en el móvil pierde el fondo como las demás,
   así que sus textos pasan a los colores de la lista y el botón se queda en verde GMS (10 oct. 2026). */
.gga #servicios-gms .grid>.cap.wide .mono{color:var(--gg-verde)!important;opacity:1}
.gga #servicios-gms .grid>.cap.wide h3{color:#fff!important}
.gga #servicios-gms .grid>.cap.wide>p{color:rgba(255,255,255,.8)!important}
.gga #servicios-gms .grid>.cap.wide .wbtn{background:var(--gg-verde)!important;border-color:var(--gg-verde)!important;color:var(--gg-azul-hero)!important}

/* «Un solo equipo» (relación entre divisiones): ya está en el menú. */
.gga .sec:has(.hub){display:none!important}

/* Llamada final: sin el WhatsApp repetido (está en la barra inferior). */
.gga .tl-cta .gg-wa-btn{display:none!important}
.gga .tl-cta .wrap,.gga .tl-cta .head{gap:22px!important}


/* Botones de las divisiones: a todo el ancho y centrados. */
html body .gga a.btw,html body .gga a.bto,html body .gga a.btg,html body .gga a.wbtn{display:flex!important;align-items:center;justify-content:center;text-align:center;width:100%!important;min-height:52px;box-sizing:border-box;border-radius:var(--m-r)!important}

/* ---------- 9. Heritage ---------- */
/* El visor de archivo (funciones de PC y tableta) se sustituye por una línea de tiempo. */
#archivo .doc,#archivo .head .lead{display:none!important}
.gg-mtl{display:block;margin-top:6px}
.gg-mtl .gg-mtl-l{margin:14px 0 26px!important;font-size:16px;line-height:1.55;color:rgba(255,255,255,.82)}
.gg-mtl ol{list-style:none;margin:0;padding:0 0 0 22px;border-left:1px solid rgba(191,227,244,.25)}
.gg-mtl li{position:relative;padding:0 0 26px}
.gg-mtl li::before{content:"";position:absolute;left:-27px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--gg-pie);border:1.5px solid var(--gg-azul-claro)}
.gg-mtl li.hoy::before{background:var(--gg-verde);border-color:var(--gg-verde)}
.gg-mtl-y{display:block;font:700 22px/1.1 Saira,sans-serif;color:#D4A017;/* mismo dorado que el año de las fichas de Heritage (guila-paginas.css) */letter-spacing:.5px}
.gg-mtl li.hoy .gg-mtl-y{color:var(--gg-verde)}
.gg-mtl-t{display:block;margin-top:4px;font:700 17px/1.25 Saira,sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.3px}
.gg-mtl em{display:block;margin-top:2px;font:500 12px/1.4 Inter,sans-serif;font-style:normal;letter-spacing:1px;text-transform:uppercase;color:var(--m-hielo);opacity:.8}
.gg-mtl p{margin:8px 0 0!important;font-size:15px;line-height:1.55;color:rgba(255,255,255,.8)}
.gg-mtl-ir{display:flex;align-items:center;justify-content:center;height:52px;border:1px solid rgba(255,255,255,.5);border-radius:var(--m-r);color:#fff!important;font:600 15px Inter,sans-serif;text-decoration:none!important}
/* Patrocinios: logotipos pequeños, en dos columnas. */
#compromiso .sp{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
#compromiso .sp .lb{grid-column:1/-1}
#compromiso .sp .pt{min-height:0!important;height:auto!important;padding:16px 10px 30px!important}
#compromiso .sp .pt img{max-height:64px!important;width:auto!important;max-width:100%!important;margin:0 auto}
/* Divisiones al final: filas compactas. */
.ggn-end .dv a{padding:16px 18px!important;min-height:0!important}
.ggn-end .dv a span{font-size:14px!important}
.ggn-end .cta{display:flex!important;flex-direction:column;gap:10px}
.ggn-end .cta a{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:52px;border-radius:var(--m-r)!important;box-sizing:border-box}

/* ---------- 10. Recambios ---------- */
.gga .rc-steps{gap:0!important}
.gga .rc-step{padding:18px 0!important;min-height:0!important}
.gga .rc-form .rc-blk{padding:18px 14px!important}
.gga .rc-form .rc-comp{padding:14px 12px!important}
.gga .rc-form .rc-cadd{width:100%!important;max-width:100%!important}
.gga .rc-form .rc-cj>div{padding:14px!important}
.gga .sec:has(.rc-vs){display:none!important}
.gga.rec #contacto .rc-wa,.gga.rec #contacto a.btw[href^="tel:"]{display:none!important}
/* Única excepción a los puntos de corte comunes: el antirrobots de Cloudflare mide 300 px fijos y no cabe a 360. */
@media (max-width:380px){.cf-turnstile{transform:scale(.9);transform-origin:0 0}}

/* ---------- 11. Empleo y Contacto ---------- */
.gga .sec .fgrid,.gga .sec .two{display:block!important}
.gga .sec .fgrid>*,.gga .sec .two>*{width:auto!important;max-width:none!important;min-width:0!important}
.gga .sec .fgrid>*+*,.gga .sec .two>*+*{margin-top:28px!important}
.gga .hbtn{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%}
/* Empleo: ofertas compactas y dos botones a la par. */
.ggj .job{padding:20px 18px!important}
.ggj .job h3{font-size:19px!important;line-height:1.2!important}
.ggj .job .acts{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%}
.ggj .job .acts button{width:100%!important;min-height:48px;padding:0 8px!important;border-radius:var(--m-r)!important;justify-content:center}
/* Contacto: canales sin textos largos y centralita compacta (su diseño de una columna está en guila-paginas.css). */
.ggc .dir .dx{padding:16px 18px!important;min-height:0!important}
.ggc .ch{padding:20px 18px!important;min-height:0!important}
.ggc .ch>p{display:none!important}
.ggc .ch h3{margin-bottom:10px!important}
.ggc .ch .lk a{min-height:32px;display:flex!important;align-items:center}
.ggc .plate{padding:20px 18px!important}
.ggc .plate .tr>div{padding:12px 0!important}