/* Propuesta de maquetacion para geedgo.com (sobre la propuesta de iconos Phosphor).
   Se carga al final del <head>, despues de v4-core.css, icons.css, pilares.css,
   legales.css y los <style> de cada pagina. Si se adopta, cada bloque se funde en su
   regla original y este archivo desaparece; los !important solo vencen estilos escritos
   en linea en el HTML (fondos de las baldosas de iconos). */

/* 1. Fondo y lineas neutros, una sola escala de radios y sombras casi planas */
:root{
  --cream:#ffffff;
  --cream-2:#f2f5f6;
  --step-bg:#ffffff;
  --line:#dbe3e6;
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-xl:16px;
  --shadow-sm:none;
  --shadow-md:0 1px 2px rgba(18,86,111,.06);
  --shadow-lg:0 2px 6px rgba(18,86,111,.08);
  --ease-out:cubic-bezier(.23,1,.32,1);
}

/* 2. Texto: titulos equilibrados, parrafos sin viudas, palabras largas que parten en vez de desbordar */
h1,h2,h3,h4{text-wrap:balance;}
p,li,blockquote,dd,small{text-wrap:pretty;}
h1,h2,h3,h4,p,li,blockquote,dd,dt,small,b,strong,.tech-chip{overflow-wrap:break-word;}
.hero-grid>*,.svc-grid>*,.prod-grid>*,.sectors-grid>*,.contact-grid>*,.testi-grid>*{min-width:0;}
.svc h3{max-width:100%;}
.tech-chip{max-width:100%;}
.hero h1 .hl{white-space:normal;color:inherit;}
.hero h1 .hl svg{display:none;}
.page-hero h1 .hl{color:inherit;}

/* 3. Ritmo vertical comun y encabezados de seccion alineados a la izquierda */
.sec,.promesa{padding:80px 0;}
.sectors{padding:32px 0;}
.sec-head{margin-bottom:40px;}
.sec-head.center{margin-left:0;margin-right:0;text-align:left;}
.sectors-def,.sectors-head{text-align:left;margin-left:0;}
.ctastrip-inner .btn-row{justify-content:flex-start;}
@media (max-width:860px){
  .sec,.promesa{padding:64px 0;}
}

/* 4. Etiquetas sobre los titulos: en minuscula normal, sin pastilla y sin icono */
.eyebrow,.testi-wrap .eyebrow{
  background:none;padding:0;border-radius:0;
  text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:600;
  color:var(--teal-text);
}
.testi-wrap .eyebrow{color:#cfe6ea;}
.eyebrow i,.eyebrow svg{display:none;}
.sectors-head{text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:600;}
.prod-sector{text-transform:none;letter-spacing:0;font-size:.85rem;}
.country small,.placa small,.seal .core small{text-transform:none;letter-spacing:0;font-size:.8rem;}
.caso .caso-sector{text-transform:none;letter-spacing:0;font-size:.85rem;}

/* 5. Sin pastillas decorativas: el texto queda como texto */
.hero-flag,.trust-pill{background:none;box-shadow:none;padding:0;border-radius:0;}
.coverage-tags{gap:8px 20px;}
.coverage-tag,.svc-tag{background:none;padding:0;border-radius:0;font-weight:600;}
a.svc-tag:hover{text-decoration:underline;text-underline-offset:3px;}
.prod.feature .star{border-radius:4px;letter-spacing:0;}

/* 6. Iconos sin baldosa de color: un color de marca, 24 px, alineados con el titulo */
.svc-ic,.caso-ic,.pc-ic,.ti,.bi,.cinfo i,.sector i{
  background:none !important;box-shadow:none;border-radius:0;
  width:auto;height:auto;transform:none;
}
.svc-ic,.caso-ic,.pc-ic{color:var(--teal-text);margin-bottom:16px;justify-content:flex-start;}
.ti,.cinfo i{color:var(--teal-text) !important;}
.bi{color:var(--navy) !important;}
.sector i{color:var(--yellow);}
.trust-pill .ti{width:auto;height:auto;}
.svc:hover .svc-ic{transform:none;}
.caso .caso-ic,.pilar-card .pc-ic{width:auto;height:auto;border-radius:0;color:var(--teal-text);}

/* 7. Sin degradados ni barras de acento */
.tech-band::before,.sectors-inner::before,.testi-wrap::before,.promesa-card::before,
.coverage-inner::before,.ctastrip-inner::after,footer.site::before,.blob{display:none;}
.promesa-card,.coverage-inner{background:#fff;}
header.site.scrolled{background:rgba(255,255,255,.94);box-shadow:0 1px 0 var(--line);}
.prod.feature{background:var(--navy);}
.svc h3{background-image:none;}
.steps::before{background:var(--line);height:1px;}
.steps::after{display:none;}
@media (max-width:860px){
  .steps::before{background:var(--line);width:1px;}
}

/* 8. Pasos: la cifra marca el orden, sin trazo hueco */
.step-num{color:var(--navy);-webkit-text-stroke:0;font-size:1.5rem;}

/* 9. Testimonios: sin comillas decorativas en circulo */
.testi .quote-ic,.testi-av{display:none;}
.testi{backdrop-filter:none;}
.testi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:860px){.testi-grid{grid-template-columns:minmax(0,1fr);}}

/* 10. Tarjetas: borde fino, sin elevacion ni salto al pasar el cursor */
.svc,.prod,.caso,.pilar-card,.cinfo,.tech-band,.promesa-card,.form-card{box-shadow:none;border:1px solid var(--line);}
.prod.feature{border-color:var(--navy);}
.svc,.prod,.caso,.pilar-card{transition:border-color .15s var(--ease-out);}
.svc:hover,.prod:hover,.caso:hover,.pilar-card:hover{transform:none;box-shadow:none;border-color:rgba(18,86,111,.35);}
.cinfo:hover,.country:hover{transform:none;box-shadow:none;}
.svc>*,.prod>*,.caso>*{min-width:0;}

/* 11. Botones rectos, sin sombra de color, con respuesta al pulsar */
.btn{border-radius:8px;transition:background-color .15s var(--ease-out),box-shadow .15s var(--ease-out),transform .12s var(--ease-out);}
.btn-primary,.btn-yellow{box-shadow:none;}
.btn-primary:hover,.btn-yellow:hover,.btn-ghost:hover{transform:none;box-shadow:none;}
.btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--navy);}
.btn-primary:hover i,.btn:hover i{transform:none;}
.btn:active{transform:scale(.97);}
.lang-switch,.nav-main a{border-radius:6px;}
.cc-btn{border-radius:8px;}
.cc-btn:hover{transform:none;}

/* 12. Menu: cambio de color suave y foco visible solo con teclado */
.nav-main a{transition:color .15s var(--ease-out),background-color .15s var(--ease-out);}
.mobile-menu a:focus:not(:focus-visible){outline:none;box-shadow:none;}

/* 13. Movimiento: nada flota ni sube al aparecer; el texto esta quieto desde el primer pintado */
.badge-card{animation:none !important;box-shadow:none;border:1px solid var(--line);}
@media (max-width:560px){.bc-2{right:-4%;}}
html.js .hero .anim{opacity:1;animation:none;}
html.js .reveal.pre{opacity:1;transform:none;}
.reveal{transition:none;}