/* KIKU Ajustes responsive v1.4.0 */

/* ---------- Contraste AA (todas las medidas) ---------- */
/* Magenta un poco mas oscuro (#E6005F, 4.6:1 con blanco) solo en botones y
   textos chicos. Titulos grandes y fondos magenta siguen en #FF0066. Donde el
   estilo usa la variable, se cambia la variable en ese elemento: asi el hover
   que tambien la usa queda igual de coherente. */
html .elementor .kiku-nav-cta{background-color:#E6005F}
.kiku-foot-link-accent,
.kiku-sp-eyebrow,
.kiku-sp-btn,
.kiku-sp-btn-white,
.kiku-faq .kiku-faq-eye,
.kiku-hub-cta-btn,
.kiku-ktm-btn,
.kiku-ktm-cul .hint,
.kiku-svm-cta .b1,
.kiku-spm-hero .b1,
.kiku-spm-eye,
.kiku-spm-free a,
.kiku-spm-cta .b1,
.kiku-slm-diag .b1,
.kiku-ctm-cta .b1,
.elementor .e-65a091bc-371d,
.elementor .e-51208c7b-9d58,
.elementor .e-d66650b-199f,
.elementor .e-6cd29c26-fc80,
.elementor .e-4827070b-864f,
.elementor .e-1f76d9b7-924f,
.elementor .e-7a4aa67b-c9f6,
.elementor .e-5cdae7e1-6d42,
.elementor .e-667c4c0c-4c3e,
.elementor .e-2fd48ca5-2aad,
.elementor .e-5bbe8842-ed1e,
.elementor .e-1a509a99-6ef1,
.elementor .e-6c5ae591-b396,
.elementor .e-61e53cf7-954d,
.elementor .e-1b27f874-21e2,
.elementor .e-360f4560-d22d,
.elementor .e-4c3d9878-be5e,
.elementor .e-6a864099-7c01,
.elementor .e-1be5aa94-7788,
.elementor .e-3d13894b-920e,
.elementor .e-4a9cf7e7-1e25,
.elementor .e-46dd7541-fe3f,
.elementor .e-76e8de3b-339e{--kiku-magenta:#E6005F}

/* Gris de footer y migas de pan: #77708F (4.7:1 sobre blanco) */
[class*="-crumb"],
.elementor .e-430084f0-6350,
.elementor .e-2d2e09db-8aea,
.elementor .e-465c2b5b-c3ae,
.kiku-foot-credit,
.kiku-foot-legal-link{--fg-3:#77708F}

/* Servicios mobile, bloque azul de Conecta: texto en negrita para que el
   blanco sobre #0097FF cuente como texto grande (opcion 4B aprobada) */
.kiku-svm .kiku-svm-sec-3 .kiku-svm-lead{font-weight:700}
.kiku-svm .kiku-svm-sec-3 .kiku-svm-more{font-weight:900}

/* Campos de formulario: linea fina #9690AC (3:1). Por dentro, no cambia la medida */
html body .elementor .kiku-field-input{box-shadow:inset 0 0 0 1px #9690AC}
/* El textarea ya tenia borde propio (claro): se cambia el color en vez de sumar otra linea */
html body.page-id-2359 .elementor form textarea{border:1px solid #9690AC;box-shadow:none}

/* Contacto: mas aire entre bloques del formulario y todo en la misma reticula */
html body.page-id-2359 .elementor [data-id="7904546f"]{gap:26px}
html body.page-id-2359 .elementor [data-id="655780dd"]{row-gap:18px;column-gap:18px}
html body.page-id-2359 .elementor .kiku-field,
html body.page-id-2359 .elementor [data-id="6730dad6"],
html body.page-id-2359 .elementor [data-id="46793749"]{gap:8px}
html body.page-id-2359 .elementor [data-id="4cddcccf"]{line-height:14px}
html body.page-id-2359 .elementor [data-id="3a83b8c2"]{row-gap:8px;column-gap:8px}
@media (min-width:768px){
  /* La nota de privacidad arranca en la segunda columna, alineada con Empresa y WhatsApp */
  html body.page-id-2359 .elementor [data-id="7bc107f4"]{flex:0 0 calc(50% - 9px);max-width:none;margin-left:auto}
}
@media (max-width:767px){
  html body.page-id-2359 .elementor [data-id="7904546f"]{gap:24px}
  html body.page-id-2359 .elementor [data-id="655780dd"]{row-gap:16px}
  html body.page-id-2359 .elementor [data-id="7c758313"]{row-gap:16px}
  html body.page-id-2359 .elementor [data-id="7bc107f4"]{max-width:none;flex:1 1 100%}
}
/* Gracias: WhatsApp en crema como el de Contacto (el verde con blanco no se leia) */
html .elementor .e-39c327c7-6485{background-color:var(--kiku-cream,#FFFFCA);color:var(--kiku-ink,#1A1B5C);box-shadow:inset 0 0 0 1.5px var(--kiku-ink,#1A1B5C)}
html .elementor .e-39c327c7-6485:hover,
html .elementor .e-39c327c7-6485:focus-visible{background-color:#fff;color:var(--kiku-ink,#1A1B5C)}
html .elementor .e-1a5208e3-363d{color:var(--kiku-ink,#1A1B5C)}
/* ---------- Tablet (768-1024) ---------- */
@media (min-width:768px) and (max-width:1024px){
  /* Paginas de servicio: mismo margen lateral que el resto del sitio (~4vw) */
  html body.page-id-2360 .elementor .kiku-sp-wrap,
  html body.page-id-2361 .elementor .kiku-sp-wrap,
  html body.page-id-2362 .elementor .kiku-sp-wrap,
  html body.page-id-2363 .elementor .kiku-sp-wrap,
  html body.page-id-2360 .elementor .kiku-sp-pin,
  html body.page-id-2361 .elementor .kiku-sp-pin,
  html body.page-id-2362 .elementor .kiku-sp-pin,
  html body.page-id-2363 .elementor .kiku-sp-pin{padding-left:4vw!important;padding-right:4vw!important}

  /* Hero de servicio: sin hueco vacio entre titulo y texto */
  html body.page-id-2360 .elementor .kiku-sp-hero,
  html body.page-id-2361 .elementor .kiku-sp-hero,
  html body.page-id-2362 .elementor .kiku-sp-hero,
  html body.page-id-2363 .elementor .kiku-sp-hero{min-height:0!important}
  html body.page-id-2360 .elementor .kiku-sp-hero-in,
  html body.page-id-2361 .elementor .kiku-sp-hero-in,
  html body.page-id-2362 .elementor .kiku-sp-hero-in,
  html body.page-id-2363 .elementor .kiku-sp-hero-in{min-height:0!important;justify-content:flex-start!important;gap:56px!important;padding-top:56px!important;padding-bottom:72px!important}
}

/* ---------- Mobile (<768) ---------- */
@media (max-width:767px){
  /* Paginas de servicio: margen lateral 20px como el resto del sitio */
  .kiku-spm > section{padding-left:20px!important;padding-right:20px!important}
  /* Mismo ritmo vertical que Servicios, Soluciones y Como trabajamos */
  .kiku-spm .kiku-spm-sec{padding-bottom:80px!important}

  /* Paneles del capitulo 2 con los colores de desktop: navy, magenta, amarillo */
  .kiku-spm .kiku-spm-what.is-1{background:#1A1B5C!important}
  .kiku-spm .kiku-spm-what.is-1 h3,.kiku-spm .kiku-spm-what.is-1 > p,.kiku-spm .kiku-spm-what.is-1 .n{color:#fff!important}
  .kiku-spm .kiku-spm-what.is-1 .row i{color:#FFFFCA!important}
  .kiku-spm .kiku-spm-what.is-1 .tag{background:#FFFFCA!important;color:#1A1B5C!important}
  .kiku-spm .kiku-spm-what.is-2{background:#FF0066!important}
  .kiku-spm .kiku-spm-what.is-2 h3,.kiku-spm .kiku-spm-what.is-2 > p,.kiku-spm .kiku-spm-what.is-2 .n,.kiku-spm .kiku-spm-what.is-2 .row i{color:#fff!important}
  .kiku-spm .kiku-spm-what.is-3{background:#FFCA33!important}
  .kiku-spm .kiku-spm-what .chips span{color:#1A1B5C!important}

  /* Flash Task: margen lateral 20px en todas las secciones */
  html body.page-id-2698 .elementor .kiku-sp-hero-in,
  html body.page-id-2698 .elementor .kiku-sp-wrap.kiku-sp-hero-in.elementor-element-3fd46495,
  html body.page-id-2698 .elementor .kiku-ft-in,
  html body.page-id-2698 .elementor .kiku-ft-how-in,
  html body.page-id-2698 .elementor .kiku-ft-or{padding-left:20px!important;padding-right:20px!important}

  /* Titulos de una sola palabra en los cierres: que entren con margen en
     telefonos angostos (Safari dibuja el texto un poco mas ancho) */
  .kiku-ctm .kiku-ctm-cta > h2,
  html body .elementor [data-id="16acfbcb"]{font-size:min(12.5vw,60px)!important;letter-spacing:-0.03em}
  .kiku-spm .kiku-spm-cta > h2{font-size:min(11.5vw,47px)!important}
  html body.page-id-2698 .elementor [data-id="40049ef9"]{font-size:16vw!important}
}