/* Futura UI — capa de estandarización de marca.
   Se carga DESPUÉS del CSS de Webflow para unificar el look & feel con el home
   rediseñado (tipografía Bricolage/Hanken, botones tipo pill, acentos de marca),
   sin tocar el contenido ni el layout de las páginas Webflow.
   Regla de oro: no tocar los iconos de Webflow (font 'webflow-icons' en .w-icon-*). */

:root{
  --fu-display:"Bricolage Grotesque","Hanken Grotesk",system-ui,-apple-system,sans-serif;
  --fu-body:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  /* colores de marca (ya existentes en Webflow, se reafirman) */
  --fu-brand:#4f50ff;
  --fu-ink:#0a1b3d;
  --fu-accent:#ff5c1a;
}

/* --- Tipografía base (cuerpo) --- */
html body{font-family:var(--fu-body)}
p, li, blockquote, label,
a:not([class*="w-icon"]), span:not([class*="w-icon"]),
input, textarea, select,
.paragraph, [class*="text-size"], .footer_link, .footer_subtitle,
.nav_link, .nav_country-link, .button-text, .w-dropdown-link{
  font-family:var(--fu-body) !important;
}

/* --- Encabezados: fuente display de marca --- */
h1,h2,h3,h4,h5,h6,
[class*="heading-style-h"], .heading, .heading-medium, .heading-wrap,
[class$="-title"], [class$="_title"], [class*="-title "], [class*="_title "],
.footer_left-title, .footer_left-subtitle, .glossary-subsection_title,
.global-contact-form_title, .right-wrap_links-title{
  font-family:var(--fu-display) !important;
  letter-spacing:-.02em;
}

/* --- Iconos de Webflow: intactos --- */
[class^="w-icon"], [class*=" w-icon"], .w-embed [class*="icon"]{
  font-family:"webflow-icons" !important;
}

/* --- Botones al estilo del home rediseñado (pill) --- */
.w-button, .button, a.button, button.w-button, input.w-button, input[type="submit"]{
  border-radius:999px !important;
  font-family:var(--fu-body) !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease !important;
}
.w-button:hover, .button:hover, a.button:hover{
  transform:translateY(-2px);
}

/* --- Detalles de marca --- */
a{transition:color .15s ease}
::selection{background:rgba(79,80,255,.18)}
