.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */IKY · CSS GLOBAL DE LA WEB (iky.eu)   ·   diseño definitivo (30-07-2026)
   Pegar TODO este bloque en:
   Elementor  ▸  ☰ (arriba a la izquierda del editor)  ▸  Ajustes del sitio
             ▸  CSS personalizado
   Viste TODAS las páginas de golpe: tipografías de marca, colores, estados hover
   y comportamiento responsive. No hace falta repetirlo por página.
   Paleta IKY:  Navy #193564 · Steel #5B89BA · Naranja #E2793D · Off-white #F7F4EC
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ============================================================================
   BASE Y ESTADOS  (extraído tal cual del diseño aprobado)
   ============================================================================ */
  *{ margin:0; padding:0; box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ font-family:'Plus Jakarta Sans',sans-serif; background:#F7F4EC; color:#193564; -webkit-font-smoothing:antialiased; }
  a{ color:#193564; text-decoration:none; }
  a:hover{ color:#E2793D; }
  ::selection{ background:#E2793D; color:#F7F4EC; }
  @keyframes dash{ to{ stroke-dashoffset:0; } }
  @keyframes floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }
  a, .h1, [class^="h"]{ transition: all .25s ease; }
  .iky-lang{ padding:4px 9px; border-radius:100px; color:#c9d3e4; }
  .iky-lang.is-active{ background:#E2793D; color:#122748; }
  input:focus, textarea:focus, select:focus{ box-shadow:0 0 0 3px rgba(226,121,61,.35); border-color:#E2793D !important; }
  [id]{ scroll-margin-top:150px; }
  @media (max-width:1024px){
    header h1{ font-size:52px !important; }
    section h2{ font-size:38px !important; }
    nav{ padding:14px 24px !important; }
  }
  @media (max-width:900px){
    [style*="grid-template-columns:1fr 1fr"],
    [style*="grid-template-columns:0.85fr 1fr"],
    [style*="grid-template-columns:1fr 0.8fr"],
    [style*="grid-template-columns:1.2fr 1fr"],
    [style*="grid-template-columns:repeat(3,1fr)"],
    [style*="grid-template-columns:1.4fr 1fr 1fr 1fr"]{
      grid-template-columns:1fr !important;
      gap:28px !important;
    }
    [style*="grid-column:span 3"]{ grid-column:span 1 !important; }
    nav > div{ display:none !important; }
    header{ padding:64px 24px 76px !important; }
    header h1{ font-size:38px !important; }
    section{ padding-left:24px !important; padding-right:24px !important; }
    section h2{ font-size:29px !important; }
    footer{ padding:48px 24px 32px !important; }
  }
  .h1:hover{background:#E2793D; color:#F7F4EC;}
  .h2:hover{background:#F7F4EC;}
  .h2b:hover{background:#F7F4EC;}
  .h3:hover{border-color:#F7F4EC; background:rgba(247,244,236,0.08);}
  .h4:hover{border-color:#193564; transform:translateY(-4px);}
  .h5:hover{border-color:#193564; transform:translateY(-4px);}
  .h6:hover{transform:translateY(-4px);}
  .h7:hover{border-color:#193564; transform:translateY(-4px);}
  .h8:hover{border-color:#193564; transform:translateY(-4px);}
  .h9:hover{border-color:#193564; transform:translateY(-4px);}
  .h10:hover{transform:translateY(-4px);}
  .h11:hover{color:#E2793D;}
  .h12:hover{color:#E2793D;}
  .h13:hover{transform:translateY(-4px); box-shadow:0 12px 30px rgba(25,53,100,0.10);}
  .h14:hover{transform:translateY(-4px); box-shadow:0 12px 30px rgba(25,53,100,0.10);}
  .h15:hover{transform:translateY(-4px); box-shadow:0 12px 30px rgba(25,53,100,0.10);}
  .h16:hover{background:#F7F4EC;}
  .h17:hover{background:#E2793D;}
  .hnav:hover{color:#E2793D;}
  .subchip:hover{border-color:#193564; color:#193564;}
  .pillar-nav:hover{border-color:#193564; transform:translateY(-3px);}
  .contact-card:hover{border-color:#193564; transform:translateY(-3px);}
  .card-lift:hover{transform:translateY(-4px); box-shadow:0 12px 30px rgba(25,53,100,0.10);}

/* ============================================================================
   AÑADIDOS PARA WORDPRESS (no están en el diseño; los necesita el montaje)
   ============================================================================ */

/* Nav activo automático (lo marca el mini-script de 01_global/header.html) */
.iky-nav-link.is-current{ color:#193564 !important; }

/* Chips de subcategoría / filtro cuando son enlaces y no botones */
a.subchip, a.iky-chip{ display:inline-block; }

/* --------------------------------------------------------------------------
   FORMULARIOS NATIVOS (widget Formulario de Elementor con clase CSS "iky-form")
   Da a los campos el aspecto redondeado de marca del diseño.
   -------------------------------------------------------------------------- */
.iky-form .elementor-field-group > label{
  font-size:12.5px !important; font-weight:700 !important; color:#4a5679 !important;
  letter-spacing:0.2px; margin-bottom:8px !important;
}
.iky-form .elementor-field-textual,
.iky-form select.elementor-field,
.iky-form textarea.elementor-field{
  background:#F7F4EC !important; border:1.5px solid #d9cfb8 !important;
  border-radius:12px !important; padding:13px 16px !important;
  font-family:'Plus Jakarta Sans',sans-serif !important; font-size:14.5px !important;
  color:#193564 !important;
}
.iky-form .elementor-button, .iky-form button[type="submit"]{
  background:#193564 !important; color:#F7F4EC !important;
  border-radius:100px !important; font-weight:700 !important; font-size:15px !important;
  padding:16px 24px !important; width:100%; justify-content:center;
}
.iky-form .elementor-button:hover, .iky-form button[type="submit"]:hover{ background:#E2793D !important; }

/* Newsletter en línea (input + botón) cuando se sustituye por formulario nativo */
.iky-form-inline .elementor-field-textual{ border-radius:100px !important; padding:16px 24px !important; }
.iky-form-inline .elementor-button{ border-radius:100px !important; width:auto !important; }/* End custom CSS */