@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600;700&display=swap');

:root {
  --inno-navy: #000659;
  --inno-blue: #0000FF;
  --inno-pale: #E3E7F2;
  --inno-ink: #101828;
  --inno-white: #FFFFFF;
  --inno-slate: #475467;
  --inno-line: #D0D5DD;
  --inno-success: #00C66B;
  --inno-font-display: Epilogue, Arial, sans-serif;
  --inno-font-body: Epilogue, Arial, sans-serif;
  --inno-space-1: .5rem;
  --inno-space-2: 1rem;
  --inno-space-3: 1.5rem;
  --inno-space-4: 2.5rem;
  --inno-space-5: 4rem;
  --inno-space-6: 6rem;
  --inno-radius-md: 1rem;
  --inno-radius-lg: 1.5rem;
  --inno-content-width: 75rem;
  --inno-shadow-card: 0 .75rem 2.5rem rgba(0,6,89,.12);
}

body { color: var(--inno-ink); font-family: var(--inno-font-body); }
h1,h2,h3,h4,h5,h6 { font-family: var(--inno-font-display); font-weight: 700; }
.hs-button,.cta_button {
  background: var(--inno-blue); border: 1px solid var(--inno-blue);
  border-radius: .25rem; color: var(--inno-white); font-family: var(--inno-font-display);
  font-weight: 700; letter-spacing: 0; padding: .9rem 1.25rem; text-decoration: none;
}
.hs-button:hover,.cta_button:hover { background: var(--inno-navy); border-color: var(--inno-navy); color: var(--inno-white); }
.hs-form-field label,.form-title,.hs-form legend { color: var(--inno-ink); font-family: var(--inno-font-display); font-weight: 600; }
.hs-input,input,select,textarea { border: 1px solid var(--inno-line); border-radius: .25rem; font-family: var(--inno-font-body); }
.hs-input:focus,input:focus,select:focus,textarea:focus { border-color: var(--inno-blue); box-shadow: 0 0 0 3px rgba(0,0,255,.15); outline: 0; }
.inno-section { padding: var(--inno-space-6) var(--inno-space-3); }
.inno-container { margin-inline: auto; max-width: var(--inno-content-width); }
.inno-section--light { background: var(--inno-white); }
.inno-section--soft { background: var(--inno-pale); }
.inno-section--dark { background: var(--inno-navy); color: var(--inno-white); }
.inno-eyebrow { color: var(--inno-blue); font-family: var(--inno-font-display); font-size: .875rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.inno-card { background: var(--inno-white); border-radius: var(--inno-radius-md); box-shadow: var(--inno-shadow-card); }
.inno-card--dark { background: var(--inno-navy); color: var(--inno-white); }

/* Home piloto: composición híbrida. */
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 {
  background: radial-gradient(circle at 86% 12%, rgba(0,0,255,.9) 0, rgba(0,0,255,0) 30%), linear-gradient(135deg,#000659 0%,#06083f 100%);
  border-radius: var(--inno-radius-lg); box-shadow: var(--inno-shadow-card); margin: var(--inno-space-3) auto var(--inno-space-6); max-width: var(--inno-content-width); overflow: hidden; position: relative;
}
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1::after { color: rgba(255,255,255,.10); content: '›'; font-family: Arial,sans-serif; font-size: 25rem; font-weight: 700; line-height: .8; pointer-events: none; position: absolute; right: 4%; top: 9%; }
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 h1,
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 h1 *,
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 p,
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 p *,
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 .kl-rich-text,
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 .kl-rich-text *,
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 a:not(.hs-button) { color: var(--inno-white) !important; }
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 img { border-radius: var(--inno-radius-md); position: relative; z-index: 1; }
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 .hs-button { background: var(--inno-blue) !important; border-color: var(--inno-blue) !important; color: var(--inno-white) !important; }
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 .hs-button:hover { background: var(--inno-white) !important; border-color: var(--inno-white) !important; color: var(--inno-navy) !important; }

#hs_cos_wrapper_dnd_area-dnd_partial-3-module-2,
#hs_cos_wrapper_module_1788527434799,
#hs_cos_wrapper_module_17888890175443,
#hs_cos_wrapper_module_17890704915044 { margin-inline: auto; max-width: var(--inno-content-width); }
#hs_cos_wrapper_dnd_area-dnd_partial-3-module-3 { background: var(--inno-pale); border-radius: var(--inno-radius-lg); box-shadow: 0 .5rem 1.5rem rgba(0,6,89,.08); margin: var(--inno-space-4) auto; max-width: var(--inno-content-width); }
#hs_cos_wrapper_module_17888890175443,#hs_cos_wrapper_module_17888890175444 { background: var(--inno-navy); color: var(--inno-white); }
#hs_cos_wrapper_module_17888890175443 { border-radius: var(--inno-radius-lg) var(--inno-radius-lg) 0 0; padding: var(--inno-space-5) var(--inno-space-5) var(--inno-space-3); }
#hs_cos_wrapper_module_17888890175444 { border-radius: 0 0 var(--inno-radius-lg) var(--inno-radius-lg); margin-bottom: var(--inno-space-6); padding: 0 var(--inno-space-5) var(--inno-space-5); }
#hs_cos_wrapper_module_17888890175443 *,#hs_cos_wrapper_module_17888890175444 * { color: var(--inno-white); }
#hs_cos_wrapper_module_17890704915044 { background: var(--inno-navy); border-radius: var(--inno-radius-lg); box-shadow: var(--inno-shadow-card); padding: var(--inno-space-5); }
#hs_cos_wrapper_module_17890704915044,#hs_cos_wrapper_module_17890704915044 * { color: var(--inno-white); }

@media (max-width:767px) {
  .inno-section { padding: var(--inno-space-5) var(--inno-space-2); }
  #hs_cos_wrapper_dnd_area-dnd_partial-1-module-1,#hs_cos_wrapper_dnd_area-dnd_partial-3-module-3,#hs_cos_wrapper_module_17890704915044 { border-radius: 0; }
  #hs_cos_wrapper_dnd_area-dnd_partial-1-module-1::after { font-size: 16rem; right: -5%; top: 32%; }
  #hs_cos_wrapper_module_17888890175443 { border-radius: 0; padding: var(--inno-space-4) var(--inno-space-2) var(--inno-space-2); }
  #hs_cos_wrapper_module_17888890175444 { border-radius: 0; padding: 0 var(--inno-space-2) var(--inno-space-4); }
  #hs_cos_wrapper_module_17890704915044 { padding: var(--inno-space-4) var(--inno-space-2); }
}

#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 a:not(.hs-button) svg,
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 a:not(.hs-button) svg * { fill: var(--inno-white) !important; stroke: var(--inno-white) !important; }


/* Home piloto: alinea el texto del Hero con la retícula general. */
#hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 .kl-hero-02__content {
  padding-inline: 3rem;
}

@media (max-width: 767px) {
  #hs_cos_wrapper_dnd_area-dnd_partial-1-module-1 .kl-hero-02__content {
    padding-inline: var(--inno-space-2);
  }
}



/* Home piloto: retícula, ritmo y jerarquía tipográfica. */
#hs_cos_wrapper_dnd_area-dnd_partial-3-module-2,
#hs_cos_wrapper_module_1788527434799,
#hs_cos_wrapper_module_17888890175443,
#hs_cos_wrapper_module_17890704915044 {
  padding-inline: 3rem;
}

#hs_cos_wrapper_dnd_area-dnd_partial-3-module-2 {
  padding-block: var(--inno-space-6) var(--inno-space-4);
}

#hs_cos_wrapper_dnd_area-dnd_partial-3-module-3 {
  padding: 2.5rem 3rem;
}

#hs_cos_wrapper_dnd_area-dnd_partial-3-module-2 h2,
#hs_cos_wrapper_module_1788527434799 h2,
#hs_cos_wrapper_module_17888890175443 h2,
#hs_cos_wrapper_module_17890704915044 h2 {
  font-size: clamp(2.25rem, 3.1vw, 3.25rem);
  line-height: 1.12;
  letter-spacing: -0.025em;
  margin-bottom: 1.25rem;
}

#hs_cos_wrapper_dnd_area-dnd_partial-3-module-2 p,
#hs_cos_wrapper_module_1788527434799 p,
#hs_cos_wrapper_module_17888890175443 p,
#hs_cos_wrapper_module_17890704915044 p {
  font-size: 1.0625rem;
  line-height: 1.6;
  max-width: 74ch;
}

#hs_cos_wrapper_dnd_area-dnd_partial-3-module-3 h4,
#hs_cos_wrapper_module_17888890175444 h4 {
  font-size: 1.1875rem;
  line-height: 1.28;
  margin-bottom: 0.75rem;
}

#hs_cos_wrapper_dnd_area-dnd_partial-3-module-3 p,
#hs_cos_wrapper_module_17888890175444 p {
  font-size: 1rem;
  line-height: 1.55;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-2,
  #hs_cos_wrapper_module_1788527434799,
  #hs_cos_wrapper_module_17888890175443,
  #hs_cos_wrapper_module_17890704915044 {
    padding-inline: var(--inno-space-2);
  }

  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-2 {
    padding-block: var(--inno-space-5) var(--inno-space-3);
  }

  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-3 {
    padding: var(--inno-space-3) var(--inno-space-2);
  }

  #hs_c