/*
 * Los estilos propios del clon.
 *
 * ESTA HOJA SE SIRVE LA ULTIMA, DESPUES DEL CSS CLONADO. No es un detalle: el CSS de
 * la aplicacion lo emite Next en la cabecera, ANTES de las hojas de WordPress, asi que
 * en cualquier empate lo pisaba Divi. Por eso vive en `public/` y la enlazan
 * `app/[[...ruta]]/page.tsx` y `components/MarcoClonado.tsx` al final de la lista.
 *
 * Y aun sirviendola la ultima hace falta `!important` en algunos sitios, porque Divi
 * no compite de igual a igual: apunta con selectores de identificador, del tipo
 * `.et-db #et-boc .et-l .et_pb_column_1_3 h2`, que ganan a cualquier clase por muy
 * tarde que llegue. Cuando aparezca un `!important` aqui es por eso, no por pereza.
 *
 * AQUI NO HAY TAILWIND, y es una decision. Se cargaba sin preflight, que es la
 * precaucion conocida, pero el problema no fue el reset sino las UTILIDADES:
 * WooCommerce marca la rejilla del catalogo con `<ul class="products columns-3">` y
 * Tailwind trae una utilidad `.columns-3` que significa otra cosa —`columns: 3`,
 * multicolumna de texto—. La lista se volvia de tres columnas y las fichas pasaban de
 * 225 px a 72 px. Al servir el HTML de un tema ajeno, cualquier libreria de utilidades
 * es una mina: el tema trae cientos de clases y basta con que una coincida.
 *
 * Tampoco se cargan fuentes con next/font: las trae `scripts/fuentes-google.mjs` a
 * `public/wp/fuentes/` y las declara el CSS clonado.
 */

/*
 * Los colores de la marca, sacados del propio Divi (`accent_color` y los ajustes de
 * la cabecera): rojo #ed1e26, azul #1e5185 y el rojo oscuro del hover.
 * Se declaran aqui para que los bloques nuevos no inventen una paleta paralela.
 */
:root {
  --gc-rojo: #ed1e26;
  --gc-rojo-oscuro: #b81c23;
  --gc-azul: #1e5185;
  --gc-azul-oscuro: #1f3d6d;
  --gc-tinta: #1a1a1a;
  --gc-gris: #5b6472;
  --gc-borde: #e3e6ea;
  --gc-fondo: #f6f8fa;
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * EL BLOQUE DE COMPRA — lo que sustituye al carrito
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * La tienda es un catalogo: no hay carrito, ni pago, ni cuenta de cliente. En cada
 * ficha, donde WooCommerce ponia "Anadir al carrito", va este bloque.
 *
 * Ocupa mas que el boton que sustituye, y es a proposito: si la unica via de compra
 * es el telefono, el telefono tiene que ser lo mas grande de la ficha. Lo pone
 * `scripts/capturar.mjs` en el HTML, no React, para que funcione sin JavaScript.
 */
.gc-comprar {
  margin: 1.6em 0 2em;
  padding: 1.4em 1.5em 1.3em;
  border: 1px solid var(--gc-borde);
  border-top: 4px solid var(--gc-rojo);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 22px rgb(30 81 133 / 8%);
}

.gc-comprar__aviso {
  margin: 0 0 0.9em;
  padding: 0;
  color: var(--gc-gris);
  font-size: 0.95em;
  line-height: 1.5;
}

.gc-comprar__telefono {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  padding: 0.75em 1.1em;
  border-radius: 8px;
  background: var(--gc-rojo);
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.gc-comprar__telefono:hover,
.gc-comprar__telefono:focus-visible {
  background: var(--gc-rojo-oscuro);
  color: #fff !important;
}

.gc-comprar__etiqueta {
  font-size: 0.82em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.92;
}

.gc-comprar__numero {
  font-size: 1.55em;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
}

.gc-comprar__presupuesto {
  display: block;
  margin-top: 0.6em;
  padding: 0.7em 1.1em;
  border: 1px solid var(--gc-azul);
  border-radius: 8px;
  color: var(--gc-azul) !important;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.gc-comprar__presupuesto:hover,
.gc-comprar__presupuesto:focus-visible {
  background: var(--gc-azul);
  color: #fff !important;
}

.gc-comprar__horario {
  margin: 0.9em 0 0;
  padding: 0;
  color: var(--gc-gris);
  font-size: 0.86em;
  line-height: 1.45;
  text-align: center;
}

/* El boton de las tarjetas del catalogo lleva a la ficha, no al carrito. */
.gc-ver-ficha {
  display: inline-block;
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * EL MENU DE MOVIL
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * Divi clona la lista con su JavaScript y le da el alto con `slideDown`, es decir con
 * un `display` en linea. Aqui la lista viene ya en el HTML (`scripts/menu-movil.mjs`)
 * y se alterna con el atributo `hidden`, que no depende de que cargue ninguna hoja:
 * si el CSS fallara, el menu quedaria abierto, que es mucho mejor que quedar cerrado
 * para siempre.
 */
/* Cerrado gana siempre: si una regla nuestra descubriera la lista, quedaria abierta
   para siempre encima del contenido. */
.et_mobile_nav_menu .et_mobile_menu[hidden] {
  display: none !important;
}

/* Y abierto solo cuando el componente pone la clase de Divi. */
.et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu:not([hidden]) {
  display: block !important;
}

.et_mobile_nav_menu .et_mobile_menu {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 9999;
  padding: 5%;
  border-top: 3px solid var(--gc-rojo);
  background: #fff;
  box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
  text-align: left;
}

.et_mobile_nav_menu .et_mobile_menu li a {
  display: block;
  padding: 10px 5%;
  border-bottom: 1px solid var(--gc-borde);
  color: var(--gc-azul-oscuro);
  font-weight: 600;
  text-decoration: none;
}

.et_mobile_nav_menu .et_mobile_menu li:last-child > a {
  border-bottom: 0;
}

.et_mobile_nav_menu .et_mobile_menu .sub-menu {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
}

.et_mobile_nav_menu .mobile_menu_bar {
  cursor: pointer;
}

/* Lo que se pulsa tiene que verse que se puede pulsar tambien con el teclado. */
.et_mobile_nav_menu .mobile_menu_bar:focus-visible,
.et_pb_toggle_title:focus-visible {
  outline: 3px solid var(--gc-azul);
  outline-offset: 2px;
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * LAS ANIMACIONES DE ENTRADA DE DIVI, SIN JAVASCRIPT
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * Divi deja los elementos con animacion en `opacity: 0` y su guion les pone
 * `et-animated` al llegar el scroll. La captura les pone la clase para que el
 * contenido se vea pase lo que pase; la aparicion progresiva la hace el CSS.
 *
 * `animation-timeline: view()` no existe en todos los navegadores: donde no existe,
 * la regla se ignora y el elemento se queda visible, que es el resultado correcto.
 */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .et_pb_section .et-animated {
      animation: gc-aparecer linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 45%;
    }
  }
}

@keyframes gc-aparecer {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * EL FORMULARIO DE CONTACTO
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * Se reproduce el marcado de Divi (`et_pb_contact_field`, `et_pb_contact_submit`)
 * para que lo pinte su CSS y se vea igual en todas las paginas. Aqui solo va lo que
 * Divi no cubre: el aviso de proteccion de datos, los estados y los mensajes.
 */
.gc-form-aviso {
  margin: 0.4em 0 1em;
  color: var(--gc-gris);
  font-size: 0.85em;
  line-height: 1.5;
}

.gc-form-aviso a {
  color: var(--gc-azul);
  text-decoration: underline;
}

.gc-form-consentimiento {
  display: flex;
  align-items: flex-start;
  gap: 0.6em;
  margin: 0 0 1em;
  color: var(--gc-gris);
  font-size: 0.9em;
  line-height: 1.5;
}

.gc-form-consentimiento input {
  margin-top: 0.25em;
  width: 1.05em;
  height: 1.05em;
  accent-color: var(--gc-rojo);
  flex: none;
}

.gc-form-mensaje {
  margin: 1em 0 0;
  padding: 0.85em 1em;
  border-radius: 8px;
  font-size: 0.95em;
  line-height: 1.5;
}

.gc-form-mensaje[data-estado='bien'] {
  border: 1px solid #a8d5b5;
  background: #eef8f1;
  color: #1d5c33;
}

.gc-form-mensaje[data-estado='mal'] {
  border: 1px solid #e6b0b3;
  background: #fdf0f0;
  color: #93222a;
}

/* El campo trampa para robots: fuera de la vista, pero no `display: none`, que
   algunos rellenadores automaticos detectan y saltan. */
.gc-trampa {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * LAS PAGINAS LEGALES
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * No existen en el WordPress original: se escriben aqui. Van con la cabecera y el pie
 * clonados y este ancho de lectura, para que no parezcan de otra web.
 */
.gc-legal {
  margin: 0 auto;
  padding: 3.5em 6% 4.5em;
  max-width: 52rem;
  color: var(--gc-tinta);
  font-size: 1rem;
  line-height: 1.75;
}

.gc-legal h1 {
  margin: 0 0 0.2em;
  color: var(--gc-azul-oscuro);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  line-height: 1.2;
}

.gc-legal .gc-legal__fecha {
  margin: 0 0 2.2em;
  color: var(--gc-gris);
  font-size: 0.9rem;
}

.gc-legal h2 {
  margin: 2.2em 0 0.5em;
  padding-top: 0.8em;
  border-top: 1px solid var(--gc-borde);
  color: var(--gc-azul-oscuro);
  font-size: 1.25rem;
  line-height: 1.3;
}

.gc-legal h3 {
  margin: 1.6em 0 0.4em;
  font-size: 1.05rem;
}

.gc-legal p,
.gc-legal li {
  margin: 0 0 0.9em;
}

.gc-legal ul,
.gc-legal ol {
  margin: 0 0 1.2em;
  padding-left: 1.4em;
}

.gc-legal li {
  margin-bottom: 0.45em;
  list-style: revert;
}

.gc-legal a {
  color: var(--gc-azul);
  text-decoration: underline;
}

.gc-legal table {
  margin: 0 0 1.6em;
  width: 100%;
  border-collapse: collapse;
  font-size: 0.93rem;
}

.gc-legal th,
.gc-legal td {
  padding: 0.6em 0.8em;
  border: 1px solid var(--gc-borde);
  text-align: left;
  vertical-align: top;
}

.gc-legal th {
  background: var(--gc-fondo);
  font-weight: 600;
}

/* El recuadro de datos del titular y los avisos destacados. */
.gc-legal__ficha {
  margin: 0 0 2em;
  padding: 1.2em 1.4em;
  border-left: 4px solid var(--gc-rojo);
  border-radius: 0 8px 8px 0;
  background: var(--gc-fondo);
}

.gc-legal__ficha p {
  margin: 0 0 0.35em;
}

.gc-legal__ficha p:last-child {
  margin-bottom: 0;
}

/*
 * Hueco de dato pendiente.
 *
 * Se ve. Un aviso legal con el CIF a medias es un incumplimiento, y esconderlo en un
 * comentario del codigo garantiza que nadie lo rellene. Mientras siga amarillo, la
 * pagina esta pidiendo el dato a gritos.
 */
.gc-pendiente {
  padding: 0.1em 0.45em;
  border-bottom: 2px dotted #b8860b;
  border-radius: 3px;
  background: #fff6d8;
  color: #7a5b00;
  font-weight: 600;
  font-style: normal;
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * EL PIE LEGAL
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * Lo anade `scripts/pie-legal.mjs` a todas las paginas. Va dentro del `<footer>` de
 * Divi, asi que hereda su fondo oscuro: por eso los colores van en blanco con opacidad
 * en vez de con los tonos de texto del resto de la web.
 */
.gc-pie-legal {
  margin-top: 2.5em;
  padding: 2em 6% 0;
  border-top: 1px solid rgb(255 255 255 / 18%);
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Fila de marca: logotipo, que se hace y como llamar. */
.gc-pie-legal__marca {
  display: grid;
  gap: 1.6em 2.4em;
  grid-template-columns: auto minmax(16rem, 1fr) auto;
  align-items: center;
  margin: 0 auto 1.8em;
  padding-bottom: 1.8em;
  border-bottom: 1px solid rgb(255 255 255 / 18%);
  max-width: 72rem;
}

.gc-pie-legal__logo img {
  display: block;
  width: 190px;
  height: auto;
}

.gc-pie-legal__lema {
  margin: 0 0 0.5em !important;
  color: #fff;
  opacity: 0.92;
}

.gc-pie-legal__aviso {
  margin: 0 !important;
  font-size: 0.86rem;
  opacity: 0.75;
}

.gc-pie-legal__accion {
  text-align: center;
}

.gc-pie-legal__telefono {
  display: block;
  padding: 0.7em 1.4em;
  border-radius: 8px;
  background: var(--gc-rojo);
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.gc-pie-legal__telefono:hover,
.gc-pie-legal__telefono:focus-visible {
  background: var(--gc-rojo-oscuro);
}

.gc-pie-legal__etiqueta {
  display: block;
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.9;
}

.gc-pie-legal__numero {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2;
}

.gc-pie-legal__horario {
  margin: 0.6em 0 0 !important;
  font-size: 0.8rem;
  opacity: 0.75;
}

.gc-pie-legal__enlaces {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em 1.4em;
  justify-content: center;
  margin-bottom: 1em;
}

.gc-pie-legal__enlaces a {
  display: inline-block;
  padding: 0.35em 0.2em;
  min-height: 24px;
  color: #fff;
  opacity: 0.85;
  text-decoration: none;
}

.gc-pie-legal__enlaces a:hover,
.gc-pie-legal__enlaces a:focus-visible {
  opacity: 1;
  text-decoration: underline;
}

.gc-pie-legal__nap {
  margin: 0 !important;
  padding-bottom: 1.6em;
  font-size: 0.82rem;
  text-align: center;
  opacity: 0.7;
}

.gc-pie-legal__nap a {
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 980px) {
  .gc-pie-legal__marca {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * EL BOTON DE LLAMAR DEL MENU
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * El menu tenia seis enlaces y ninguna forma de llamar, con lo que el telefono
 * desaparecia en cuanto se bajaba un poco. En un negocio de averias, el numero tiene
 * que viajar con el visitante.
 */
/* El selector va reforzado porque Divi pinta los enlaces del menu con su propio
   `!important` y el numero salia en azul oscuro sobre el rojo. */
.et_pb_menu .gc-menu-llamar,
.et_pb_menu__wrap .gc-menu-llamar,
.et_mobile_menu .gc-menu-llamar,
.gc-menu-llamar {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  margin-left: 0.6em;
  padding: 0.55em 1.1em !important;
  border-radius: 999px;
  background: var(--gc-rojo);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
}

.et_pb_menu .gc-menu-llamar:hover,
.et_pb_menu .gc-menu-llamar:focus-visible,
.gc-menu-llamar:hover,
.gc-menu-llamar:focus-visible {
  background: var(--gc-rojo-oscuro);
  color: #fff !important;
}

.et_pb_menu .gc-menu-llamar span,
.gc-menu-llamar span {
  color: #fff !important;
}

.gc-menu-llamar svg {
  width: 1em;
  height: 1em;
  fill: currentcolor;
}

/* En el panel de movil ocupa toda la anchura, que es donde mas se usa. */
.et_mobile_menu .gc-menu-llamar {
  display: flex;
  justify-content: center;
  margin: 0.6em 0 0;
  border-radius: 8px;
}

.gc-explorar {
  padding: 1.3em 1.4em;
  border: 1px solid var(--gc-borde);
  border-radius: 10px;
  background: #fff;
  font-size: 0.95rem;
  line-height: 1.5;
}

.gc-explorar__grupo + .gc-explorar__grupo {
  margin-top: 1.5em;
}

.gc-explorar__titulo {
  /* Divi pinta los h2 de esta columna a 23 px con un selector de id. */
  margin: 0 0 0.6em !important;
  padding-bottom: 0.4em !important;
  border-bottom: 2px solid var(--gc-rojo);
  color: var(--gc-azul-oscuro) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.gc-explorar__lista {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gc-explorar__lista li {
  margin: 0;
  list-style: none;
}

.gc-explorar__lista a {
  display: flex;
  justify-content: space-between;
  gap: 0.6em;
  padding: 0.45em 0;
  border-bottom: 1px solid var(--gc-borde);
  /* El tema pinta de rojo todos los enlaces del contenido. */
  color: var(--gc-tinta) !important;
  font-size: 0.95rem;
  text-decoration: none;
}

.gc-explorar__lista li:last-child a {
  border-bottom: 0;
}

.gc-explorar__lista a:hover,
.gc-explorar__lista a:focus-visible {
  color: var(--gc-rojo);
}

/* Cuantos equipos hay detras de cada enlace: ayuda a elegir antes de pulsar. */
.gc-explorar__n {
  color: var(--gc-gris);
  font-size: 0.85em;
  font-variant-numeric: tabular-nums;
}

.gc-explorar__ayuda {
  margin-top: 1.6em;
  padding-top: 1.2em;
  border-top: 1px solid var(--gc-borde);
}

.gc-explorar__ayuda p {
  margin: 0 0 0.8em;
  color: var(--gc-gris);
  font-size: 0.9rem;
  line-height: 1.5;
}

.gc-explorar__telefono {
  display: block;
  padding: 0.65em 1em;
  border-radius: 8px;
  background: var(--gc-rojo);
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.gc-explorar__telefono:hover,
.gc-explorar__telefono:focus-visible {
  background: var(--gc-rojo-oscuro);
}

.gc-explorar__horario {
  margin: 0.6em 0 0 !important;
  font-size: 0.82rem !important;
  text-align: center;
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * COBERTURA: LAS ZONAS DONDE SE TRABAJA
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * Las paginas de ciudad estaban HUERFANAS: catorce landings escritas para captar
 * clientes en Vigo, Lugo, A Coruña o Santiago a las que no llegaba ni un enlace desde
 * las otras 234 paginas. Ni desde el menu, ni desde su propia pagina de servicio.
 * Google llega a lo que se enlaza; a lo demas, tarde y con menos fuerza.
 *
 * Este bloque las enlaza a todas desde las paginas de servicio, agrupadas por servicio
 * porque asi es como se busca: «calderas de gasoil en Lugo», no «Lugo».
 */
.gc-cobertura {
  margin: 0 auto;
  padding: 2.5em 6%;
  max-width: 76rem;
}

.gc-cobertura__intro {
  margin: 0 0 1.8em;
  color: var(--gc-gris);
  font-size: 1.02rem;
  text-align: center;
}

.gc-cobertura__grupo + .gc-cobertura__grupo {
  margin-top: 1.8em;
}

.gc-cobertura__titulo {
  margin: 0 0 0.7em !important;
  padding: 0 !important;
  color: var(--gc-azul-oscuro) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.gc-cobertura__lista {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gc-cobertura__lista li {
  margin: 0;
  list-style: none;
}

.gc-cobertura__lista a {
  display: inline-block;
  padding: 0.4em 0.9em;
  border: 1px solid var(--gc-borde);
  border-radius: 999px;
  background: #fff;
  color: var(--gc-azul-oscuro) !important;
  font-size: 0.92rem;
  text-decoration: none !important;
}

.gc-cobertura__lista a:hover,
.gc-cobertura__lista a:focus-visible {
  border-color: var(--gc-rojo);
  background: var(--gc-rojo);
  color: #fff;
}

/*
 * Las resenas de Google que estaban escondidas.
 *
 * El plugin las dejaba dentro de un `<template>`, que el navegador no pinta, y las
 * montaba con su JavaScript. Son seis, reales y con nombre, y no las veia nadie: la
 * prueba social mas barata que tiene el negocio, apagada.
 */
.gc-resenas {
  display: block;
}

/* El telefono, ahora pulsable, hereda el color de donde este. */
.gc-tel {
  color: inherit;
  text-decoration: none;
}

.gc-tel:hover,
.gc-tel:focus-visible {
  text-decoration: underline;
}

/* Un H1 que existe para la estructura pero cuyo texto ya esta en la pagina. */
.gc-h1-oculto {
  position: absolute;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
}

/*
 * ═════════════════════════════════════════════════════════════════════════════
 * ACCESIBILIDAD
 * ═════════════════════════════════════════════════════════════════════════════
 *
 * Lo que sigue corrige defectos medidos, no supuestos. Varios son del tema y uno de
 * ellos es de los que dejan a una persona fuera del sitio entero.
 */

/*
 * EL FOCO, QUE EL TEMA APAGABA EN TODA LA WEB.
 *
 * Divi trae `:focus { outline: 0 }` a pelo, sin condiciones, y ninguna otra hoja lo
 * repone. Resultado: quien navega con el tabulador —por no usar raton, por no poder
 * usarlo, o simplemente porque va rapido— no ve nunca donde esta. Es el fallo mas
 * incapacitante de todo el sitio y se arregla con una regla.
 *
 * Se usa `:focus-visible` y no `:focus` para que el contorno no salte al hacer clic
 * con el raton, que es lo que llevo a los temas a apagarlo en primer lugar.
 */
html body :focus-visible {
  outline: 3px solid var(--gc-azul);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Sobre el pie oscuro y sobre el rojo, el azul no se distingue. */
.et-l--footer :focus-visible,
.gc-pie-legal :focus-visible,
.gc-comprar__telefono:focus-visible,
.gc-explorar__telefono:focus-visible {
  outline-color: #fff;
}

/*
 * SALTAR AL CONTENIDO.
 *
 * Sin esto hay que atravesar el logotipo y los seis enlaces del menu en cada una de
 * las 235 paginas antes de llegar a lo que se venia a leer.
 */
.gc-saltar {
  position: absolute;
  left: -9999px;
  z-index: 10000;
}

.gc-saltar:focus {
  position: fixed;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.8em 1.4em;
  border-radius: 6px;
  background: var(--gc-azul);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

/*
 * LOS CAMPOS DEL FORMULARIO ERAN ILEGIBLES.
 *
 * Divi los pinta con texto #999 sobre fondo #eee y sin borde. Eso es un contraste de
 * 2,46:1 —el minimo exigido es 4,5:1— y no afecta solo al texto de ayuda: el texto que
 * la persona escribe tambien salia en gris claro. Sin borde y sin foco visible, no
 * habia forma de saber en que campo estabas ni de releer lo que habias puesto.
 */
.et_pb_contact p input,
.et_pb_contact p textarea,
.et_pb_contact p select,
.et_pb_contact .input {
  border: 1px solid #767676;
  background-color: #fff;
  color: var(--gc-tinta);
}

.et_pb_contact p input::placeholder,
.et_pb_contact p textarea::placeholder {
  color: #5b6472;
}

/*
 * LAS ETIQUETAS, VISIBLES.
 *
 * El tema las escondia con `display: none` y dejaba solo el marcador de posicion. Dos
 * problemas: el marcador desaparece en cuanto escribes —y ya no hay forma de saber que
 * campo es— y quien maneja el ordenador por voz dice "pulsa Para poder llamarte" y no
 * pasa nada, porque para el sistema ese campo se llama "Teléfono".
 */
.et_pb_contact .et_pb_contact_form_label {
  display: block;
  margin-bottom: 0.3em;
  color: var(--gc-tinta);
  font-size: 0.92em;
  font-weight: 600;
}

/* El asterisco de campo obligatorio, discreto pero presente. */
.gc-obligatorio {
  color: var(--gc-rojo);
  font-weight: 700;
}

/*
 * EL ROJO DE MARCA NO LLEGA EN TEXTO PEQUENO.
 *
 * Blanco sobre #ed1e26 da 4,36:1 y el minimo es 4,5:1. Falla por poco, pero falla. El
 * rojo oscuro de la marca (#b81c23) da 6,51:1, asi que los textos pequenos sobre rojo
 * usan ese, y el rojo vivo se reserva para los rotulos grandes, donde el umbral es 3:1.
 */
.gc-comprar__etiqueta {
  opacity: 1;
  font-size: 0.9em;
  font-weight: 700;
}

/* Lo que se pulsa con el dedo necesita alto suficiente, tambien en el pie. */
.gc-pie-legal__enlaces {
  gap: 0.6em 1.4em;
}

.gc-pie-legal__enlaces a {
  display: inline-block;
  padding: 0.35em 0.2em;
  min-height: 24px;
}

/*
 * LAS ANIMACIONES DEL TEMA NO RESPETABAN LA PREFERENCIA DEL SISTEMA.
 *
 * Nuestra animacion de aparicion si la respeta, pero las de Divi no: en todo el CSS de
 * WordPress no hay una sola consulta `prefers-reduced-motion`. Quien tiene activado
 * "reducir movimiento" —por vertigo, por migrana o por preferencia— seguia viendo
 * todos los desplazamientos.
 */
@media (prefers-reduced-motion: reduce) {
  .et-animated,
  .et-waypoint,
  .et_pb_animation_top,
  .et_pb_animation_bottom,
  .et_pb_animation_left,
  .et_pb_animation_right {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* El boton que abre y cierra cada pregunta frecuente: hereda todo del encabezado. */
.gc-toggle-boton {
  all: unset;
  display: block;
  width: 100%;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * LAS RESENAS
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * Seis resenas reales de la ficha de Google que el WordPress tenia escondidas en un
 * `<template>`: escritas, con nombre y de cinco estrellas, y sin que las viera nadie.
 *
 * Se maquetan aqui de cero. Un intento anterior volco el contenido del molde del
 * plugin tal cual y quedaron seis bloques sin formato y sin imagenes, porque el CSS y
 * las fotos venian de su CDN. Las estrellas se dibujan con SVG y el avatar es la
 * inicial del nombre: ni una peticion a un tercero.
 */
.gc-resenas {
  padding: 3.5em 6%;
  background: var(--gc-fondo);
}

.gc-resenas__interior {
  margin: 0 auto;
  max-width: 76rem;
}

.gc-resenas__cabecera {
  margin-bottom: 2em;
  text-align: center;
}

.gc-resenas__titulo {
  margin: 0 0 0.5em !important;
  padding: 0 !important;
  color: var(--gc-azul-oscuro) !important;
  font-size: clamp(1.35rem, 3vw, 1.9rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.gc-resenas__resumen {
  display: flex;
  flex-wrap: wrap;
  /* Fila estrecha y columna ancha: el hueco entre los dos datos hace de separador. */
  gap: 0.15em 0.7em;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  color: var(--gc-gris);
  font-size: 1rem;
}

.gc-resenas__resumen strong {
  color: var(--gc-tinta);
}

.gc-resenas__lista {
  display: grid;
  gap: 1.2em;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.gc-resena {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
  margin: 0 !important;
  padding: 1.4em 1.5em;
  border: 1px solid var(--gc-borde);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 18px rgb(30 81 133 / 7%);
  list-style: none !important;
}

.gc-resena__quien {
  display: grid;
  grid-template-areas: 'inicial nombre' 'inicial fecha';
  grid-template-columns: auto 1fr;
  gap: 0 0.7em;
  align-items: center;
}

.gc-resena__inicial {
  display: grid;
  grid-area: inicial;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: var(--gc-azul);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}

.gc-resena__nombre {
  grid-area: nombre;
  align-self: end;
  color: var(--gc-tinta);
  font-weight: 700;
  line-height: 1.2;
}

.gc-resena__fecha {
  grid-area: fecha;
  align-self: start;
  color: var(--gc-gris);
  font-size: 0.85rem;
}

.gc-resena__estrellas,
.gc-resenas__resumen .gc-resena__estrellas {
  display: inline-flex;
  gap: 0.1em;
}

.gc-resena__estrella {
  width: 1.05em;
  height: 1.05em;
  fill: #f5a623;
}

.gc-resena__texto {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--gc-tinta);
  font-size: 0.98rem;
  font-style: normal;
  line-height: 1.6;
  quotes: none;
}

.gc-resenas__pie {
  margin: 1.6em 0 0 !important;
  color: var(--gc-gris);
  font-size: 0.88rem;
  text-align: center;
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * EL AVAL — la misma prueba, pegada a la accion
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * El bloque de resenas de arriba esta en siete paginas y a media altura. La llamada se
 * decide en otro sitio: encima del telefono de cada ficha y de cada zona, y sobre todo
 * en el boton flotante del movil, que era un circulo rojo sin una sola razon para
 * pulsarlo. Esto es esa razon, en una linea.
 *
 * No inventa forma ni color: las mismas estrellas del bloque de resenas y los mismos
 * tokens de la marca.
 */
.gc-aval {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15em 0.55em;
  align-items: center;
  margin: 0;
  color: var(--gc-gris);
  font-size: 0.88rem;
  line-height: 1.3;
}

.gc-aval strong {
  color: var(--gc-tinta);
}

.gc-aval .gc-resena__estrella {
  width: 0.95em;
  height: 0.95em;
}

/* Dentro del bloque de compra: primera linea, separada del aviso por un filete. */
.gc-aval--cta {
  margin: 0 0 0.9em !important;
  padding: 0 0 0.85em !important;
  border-bottom: 1px solid var(--gc-borde);
}

/*
 * Pegado al boton flotante, y solo donde el boton existe.
 *
 * El plugin lo ensena por debajo de 650 px y lo clava en `bottom: 15px` con 55 px de
 * alto: el aval va a 78 px, que son los 70 del boton mas un respiro. Y NO es pulsable
 * —`pointer-events: none`—, porque esta a ocho pixeles del unico elemento que de verdad
 * tiene que recibir el dedo.
 */
.gc-aval--flotante {
  display: none;
}

@media screen and (max-width: 650px) {
  .gc-aval--flotante {
    position: fixed;
    bottom: 78px;
    left: 50%;
    z-index: 2147483647;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 !important;
    padding: 0.4em 0.85em !important;
    border: 1px solid var(--gc-borde);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 3px 12px rgb(0 0 0 / 20%);
    font-size: 0.8rem;
    white-space: nowrap;
    transform: translateX(-50%);
    pointer-events: none;
  }
}

/*
 * El boton de llamar vive SOLO en el panel de movil.
 *
 * Se intento ponerlo tambien en la fila del menu de escritorio y no salio: metido en
 * la lista, el menu se quedaba sin anchura y el boton caia a un renglon aparte; y al
 * impedir que la fila envolviera, el que se caia era «Contacto». No merece la pena
 * pelearse con la maquetacion del tema por esto: en escritorio el numero ya esta en la
 * barra de arriba y ahora es pulsable, y en movil —que es donde se llama— el boton
 * esta al final del panel, a lo ancho.
 */

/*
 * ═════════════════════════════════════════════════════════════════════════════
 * EL PIE
 * ═════════════════════════════════════════════════════════════════════════════
 *
 * Hecho de cero. El del WordPress era un mapa de 450 px, dos tarjetas y mucho azul
 * vacio: ni navegacion, ni llamada a la accion, ni marca. Este trabaja: cuatro
 * columnas —marca, servicios, zonas y contacto— y una banda legal integrada.
 *
 * Es el unico sitio donde el clon se separa del original del todo, y a proposito.
 */
.gc-pie {
  background: var(--gc-azul-oscuro);
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.65;
}

.gc-pie a {
  color: #fff !important;
  text-decoration: none !important;
}

.gc-pie a:hover,
.gc-pie a:focus-visible {
  text-decoration: underline !important;
}

.gc-pie__cuerpo {
  display: grid;
  gap: 2.5em 3em;
  grid-template-columns: 1.5fr 1fr 1.2fr 1.2fr;
  margin: 0 auto;
  padding: 3.5em 6% 2.5em;
  max-width: 78rem;
}

.gc-pie__col {
  min-width: 0;
}

.gc-pie__logo {
  display: inline-block;
  margin-bottom: 1em;
  padding: 0.7em 0.9em;
  border-radius: 10px;
  /* El logotipo es oscuro: sobre el azul del pie necesita respaldo claro. */
  background: #fff;
}

.gc-pie__logo img {
  display: block;
  width: 180px;
  height: auto;
}

.gc-pie__lema {
  margin: 0 0 0.9em !important;
  color: #fff !important;
  opacity: 0.9;
}

.gc-pie__catalogo {
  margin: 0 !important;
  padding: 0.8em 1em !important;
  border-left: 3px solid var(--gc-rojo);
  border-radius: 0 6px 6px 0;
  background: rgb(255 255 255 / 7%);
  color: #fff !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
}

.gc-pie__titulo {
  margin: 0 0 0.9em !important;
  padding: 0 0 0.5em !important;
  border-bottom: 2px solid var(--gc-rojo);
  color: #fff !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

.gc-pie__lista {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.gc-pie__lista li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.gc-pie__lista li::before {
  content: none !important;
}

.gc-pie__lista a {
  display: block;
  padding: 0.32em 0;
  opacity: 0.88;
}

.gc-pie__lista a:hover,
.gc-pie__lista a:focus-visible {
  opacity: 1;
}

.gc-pie__lista--dos {
  columns: 2;
  column-gap: 1.4em;
}

.gc-pie__mas {
  margin: 0.8em 0 0 !important;
  color: #fff !important;
  font-size: 0.88rem !important;
  opacity: 0.8;
}

.gc-pie__mas a {
  text-decoration: underline !important;
}

.gc-pie__telefono {
  display: block;
  margin-bottom: 1em;
  padding: 0.75em 1.1em;
  border-radius: 10px;
  background: var(--gc-rojo);
  text-align: center;
}

.gc-pie__telefono:hover,
.gc-pie__telefono:focus-visible {
  background: var(--gc-rojo-oscuro);
  text-decoration: none !important;
}

.gc-pie__etiqueta {
  display: block;
  font-size: 0.76rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.92;
}

.gc-pie__numero {
  display: block;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}

.gc-pie__dato {
  margin: 0 0 0.5em !important;
  color: #fff !important;
  font-size: 0.9rem !important;
  opacity: 0.88;
}

.gc-pie__legal {
  border-top: 1px solid rgb(255 255 255 / 16%);
  background: rgb(0 0 0 / 12%);
}

.gc-pie__legal-interior {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em 2em;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 1.1em 6%;
  max-width: 78rem;
}

.gc-pie__copia {
  margin: 0 !important;
  color: #fff !important;
  font-size: 0.82rem !important;
  opacity: 0.7;
}

.gc-pie__legal-enlaces ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4em 1.3em;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.gc-pie__legal-enlaces li {
  margin: 0 !important;
  list-style: none !important;
}

.gc-pie__legal-enlaces li::before {
  content: none !important;
}

.gc-pie__legal-enlaces a {
  display: inline-block;
  padding: 0.3em 0;
  min-height: 24px;
  font-size: 0.82rem;
  opacity: 0.75;
}

.gc-pie__legal-enlaces a:hover,
.gc-pie__legal-enlaces a:focus-visible {
  opacity: 1;
}

@media (max-width: 1100px) {
  .gc-pie__cuerpo {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .gc-pie__cuerpo {
    grid-template-columns: 1fr;
    padding-top: 2.5em;
  }

  .gc-pie__legal-interior {
    justify-content: flex-start;
  }
}

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * LAS PAGINAS DE SERVICIO POR MUNICIPIO
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * Las genera `scripts/generar-zonas.mjs` para los diez municipios del nucleo. Usan el
 * marcado de Divi para heredar su tipografia y sus anchos, asi que aqui solo va lo
 * que el tema no cubre.
 */
.gc-zona__entrada {
  margin: 0 0 1.4em !important;
  font-size: 1.08rem !important;
  line-height: 1.7 !important;
}

.gc-comprar--zona {
  margin: 0 auto !important;
  max-width: 32rem;
}

.gc-zona__local .et_pb_text_inner,
.gc-zona__faq .et_pb_text_inner,
.gc-zona__servicios .et_pb_text_inner {
  max-width: 46rem;
  margin: 0 auto;
}

.gc-zona__servicios h3,
.gc-zona__faq h3 {
  margin-top: 1.4em !important;
  color: var(--gc-azul-oscuro) !important;
  font-size: 1.05rem !important;
}

.gc-zona__cerca {
  background: var(--gc-fondo);
}

/*
 * La rejilla del bloque «Nuestras zonas de servicio».
 *
 * El original los apilaba en una columna larguisima. Con las zonas nuevas serian
 * diecisiete nombres en fila india al final de cada pagina: en rejilla se leen de un
 * vistazo y ocupan un tercio.
 */
.gc-zonas__rejilla {
  display: grid;
  gap: 0.2em 1.6em;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.gc-zonas__rejilla .et_pb_blurb {
  margin: 0 !important;
  padding: 0 !important;
}

.gc-zonas__rejilla .et_pb_module_header {
  margin: 0 !important;
  padding: 0.35em 0 !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
}


/*
 * ═════════════════════════════════════════════════════════════════════════════
 * LA PAGINA DE REFERENCIA DE UNA MARCA
 * ═════════════════════════════════════════════════════════════════════════════
 *
 * Esta pagina vive DEBAJO del catalogo, en la plantilla de archivo de WooCommerce. Y esa
 * plantilla no se parece al resto del sitio: las paginas de servicio son blancas con
 * mucho aire, pero el archivo va sobre gris y mete cada producto en una tarjeta blanca.
 *
 * La version anterior se midio en la portada y en las paginas de servicio —otra
 * plantilla— y salio blanca. Pegada bajo un catalogo gris, el corte se veia a un metro:
 * «la seccion de arriba tiene un fondo y la de abajo tiene otro».
 *
 * Los valores de aqui estan medidos en ESTA pagina, no copiados de ningun sitio:
 *
 *     fondo de pagina  #f2f2f6      (la seccion `_tb_body` del archivo)
 *     tarjeta          blanca, radio 15 px, sin borde y sin sombra
 *     titulo de bloque 15,2px/700 navy #1f3d6d con filete rojo de 2 px
 *     precio           18px/600 rosa #ee416b
 *
 * Y hay MAS formato que antes a proposito. La version blanca tenia parrafos largos
 * separados por 54 px de vacio: elegante y aburrida. Aqui la misma informacion va en
 * tarjetas, chapas de datos, cifras grandes y una tabla, que es lo que se lee en
 * diagonal cuando alguien esta comparando calderas con el movil en la mano.
 */

.gc-marca {
  --tarjeta: #fff;
  --pagina: #f2f2f6;
  --navy: #1f3d6d;
  --rosa: #ee416b;
  --raya: #e6e9ee;
}

/* La banda continua el gris del catalogo: no hay corte por ningun lado. */
.gc-marca__banda {
  padding: 0 !important;
  background-color: var(--pagina) !important;
}

.gc-marca__banda:last-child {
  padding-bottom: 34px !important;
}

.gc-marca__fila {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 17px 0 !important;
}

/* ── La tarjeta, que es el componente de esta plantilla ────────────────────── */
.gc-tarjeta {
  padding: 26px 28px;
  border-radius: 15px;
  background: var(--tarjeta);
}

.gc-tarjeta > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ── El titulo de bloque: navy con filete rojo, como el del lateral ────────── */
.gc-rotulo {
  display: table;
  margin: 0 0 0.9em !important;
  padding: 0 0 0.35em !important;
  border-bottom: 2px solid var(--gc-rojo);
  color: var(--navy) !important;
  font-size: clamp(1.15rem, 2.2vw, 1.55rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.gc-marca__fila > .gc-rotulo {
  margin-bottom: 0.5em !important;
}

.gc-entradilla {
  margin: 0 0 1.1em !important;
  padding: 0 !important;
  color: var(--gc-gris) !important;
  font-size: 0.98rem !important;
}

/*
 * La respuesta de arriba del todo, que es lo que se lleva un motor de IA cuando le
 * preguntan que caldera comprar. Va un punto mas grande que el cuerpo para que se lea
 * primero.
 */
.gc-respuesta {
  margin: 0 0 1em !important;
  padding: 0 !important;
  color: var(--gc-tinta) !important;
  font-size: 1.02rem !important;
  line-height: 1.65 !important;
}

/* Los tres casos, en una linea cada uno: caso, modelo, dato y precio. */
.gc-casos {
  margin: 0 0 1.1em !important;
  padding: 0 !important;
  list-style: none !important;
}

.gc-casos li {
  display: grid;
  gap: 0.2em 1em;
  grid-template-columns: 11.5rem 1fr auto auto;
  align-items: baseline;
  padding: 0.7em 0 !important;
  border-top: 1px solid var(--raya);
  list-style: none !important;
}

.gc-casos li:first-child {
  border-top: 0;
}

.gc-casos__caso {
  color: var(--navy);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.gc-casos__dato {
  color: var(--gc-gris);
  font-size: 0.88rem;
}

.gc-casos__precio {
  color: var(--rosa);
  font-weight: 600;
  white-space: nowrap;
}

/* De donde salen las cifras y de cuando. Sin esto, ningun dato es citable. */
.gc-fuente {
  margin: 0 !important;
  padding: 0.9em 0 0 !important;
  border-top: 1px solid var(--raya);
  color: var(--gc-gris) !important;
  font-size: 0.83rem !important;
  line-height: 1.55 !important;
}

/* ── La rejilla de tarjetas ────────────────────────────────────────────────── */
.gc-rejilla {
  display: grid;
  gap: 17px;
}

.gc-rejilla--2 { grid-template-columns: repeat(2, 1fr); }
.gc-rejilla--3 { grid-template-columns: repeat(3, 1fr); }
.gc-rejilla--4 { grid-template-columns: repeat(4, 1fr); }

/* ── Lo de dentro de una tarjeta de producto ───────────────────────────────── */
.gc-etiqueta {
  margin: 0 0 0.8em !important;
  padding: 0 !important;
  color: var(--gc-rojo);
  font-size: 0.72rem !important;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

/*
 * Las fotos del catalogo vienen a tamaños distintos —unas de 800 px de alto, otras de
 * 400— y en una fila de tres eso deja los titulos a tres alturas.
 */
.gc-foto {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 190px;
  margin-bottom: 1em;
}

.gc-foto img {
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.gc-foto--vacia {
  display: block;
  height: 190px;
  border-radius: 10px;
  background: var(--pagina);
}

.gc-tarjeta__titulo {
  margin: 0 0 0.5em !important;
  padding: 0 !important;
  color: var(--gc-tinta) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.gc-tarjeta__titulo a {
  color: inherit !important;
}

.gc-tarjeta__titulo a:hover {
  color: var(--gc-rojo) !important;
}

/* Las chapas: los datos de un vistazo, sin gastar un parrafo en ellos. */
.gc-chapas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4em;
  margin: 0 0 0.7em !important;
  padding: 0 !important;
}

.gc-chapa {
  padding: 0.25em 0.6em;
  border-radius: 999px;
  background: var(--pagina);
  color: var(--navy);
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
}

.gc-precio {
  margin: 0 0 0.7em !important;
  padding: 0 !important;
  color: var(--rosa) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}

.gc-precio--desde {
  font-size: 1.05rem !important;
}

/* ── Las tarjetas de cifra ─────────────────────────────────────────────────── */
.gc-cifra {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--navy) !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
}

.gc-cifra__pie {
  margin: 0.15em 0 0.8em !important;
  padding: 0 0 0.8em !important;
  border-bottom: 1px solid var(--raya);
  color: var(--gc-gris) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

/* ── Las reglas de eleccion ────────────────────────────────────────────────── */
.gc-reglas {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.gc-reglas li {
  position: relative;
  padding: 0.55em 0 0.55em 1.3em !important;
  border-top: 1px solid var(--raya);
  list-style: none !important;
}

.gc-reglas li:first-child {
  border-top: 0;
}

.gc-reglas li::before {
  content: "";
  position: absolute;
  top: 1.15em;
  left: 0;
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%;
  background: var(--gc-rojo);
}

/* ── La tabla comparativa ──────────────────────────────────────────────────── */
/*
 * En toda la web no hay ni una tabla, asi que no hay patron que copiar. Se hace con los
 * mismos filetes y el mismo rosa del precio del catalogo, y se desplaza sola en
 * pantallas estrechas en vez de romper el ancho de la pagina.
 */
.gc-tabla-envoltorio {
  overflow-x: auto;
}

.gc-tabla {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.gc-tabla th,
.gc-tabla td {
  padding: 0.65em 0.9em;
  border-bottom: 1px solid var(--raya);
  text-align: left;
  white-space: nowrap;
}

.gc-tabla thead th {
  border-bottom: 2px solid var(--gc-rojo);
  color: var(--navy);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.gc-tabla td:first-child {
  white-space: normal;
  font-weight: 600;
}

.gc-tabla tbody tr:last-child td {
  border-bottom: 0;
}

.gc-tabla tbody tr:hover {
  background: var(--pagina);
}

.gc-tabla__precio {
  color: var(--rosa);
  font-weight: 600;
}

/* ── El cierre ─────────────────────────────────────────────────────────────── */
.gc-tarjeta--cierre {
  text-align: center;
}

.gc-tarjeta--cierre .gc-rotulo {
  margin-right: auto !important;
  margin-left: auto !important;
}

.gc-acciones {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
  justify-content: center;
  margin: 0 0 0.9em !important;
  padding: 0 !important;
}

.gc-boton {
  display: inline-block;
  padding: 0.8em 1.6em;
  border-radius: 10px;
  background: var(--gc-rojo-legible);
  color: #fff !important;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none !important;
  transition: background-color 0.15s ease;
}

.gc-boton:hover,
.gc-boton:focus-visible {
  background: var(--gc-rojo-oscuro);
}

.gc-boton--alt {
  border: 2px solid var(--gc-azul);
  background: transparent;
  color: var(--gc-azul) !important;
  font-weight: 600;
}

.gc-boton--alt:hover,
.gc-boton--alt:focus-visible {
  background: var(--gc-azul);
  color: #fff !important;
}

/* ── La cita de marca sin confirmar ────────────────────────────────────────── */
.gc-marca__voz.gc-pendiente {
  display: block;
  padding: 0.9em 1.1em !important;
  border-left: 3px solid #b8860b;
  border-bottom: 0;
  border-radius: 0 4px 4px 0;
  background: #fff6d8;
  color: #6b5000 !important;
  font-weight: 400;
}

/* ── Pantallas estrechas ───────────────────────────────────────────────────── */
@media (max-width: 980px) {
  .gc-rejilla--3,
  .gc-rejilla--4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .gc-rejilla--2,
  .gc-rejilla--3,
  .gc-rejilla--4 { grid-template-columns: 1fr; }

  .gc-tarjeta { padding: 20px; }

  .gc-casos li {
    grid-template-columns: 1fr auto;
  }

  .gc-casos__caso { grid-column: 1 / -1; }
}


/*
 * ═════════════════════════════════════════════════════════════════════════════
 * SISTEMA DE BOTONES
 * ═════════════════════════════════════════════════════════════════════════════
 *
 * La web tenia cinco botones distintos para lo mismo: el rojo cuadrado de la barra de
 * arriba, el azul oscuro de la banda roja, los de Divi dentro del contenido, el de las
 * fichas de producto y el del pie. Cada uno con su forma, su color y su tipografia. Eso
 * no es variedad: es que no habia sistema, y se nota antes de leer una palabra.
 *
 * Aqui hay DOS botones y no mas:
 *
 *   PRIMARIO   rojo lleno. La accion que queremos: llamar o pedir presupuesto.
 *   SECUNDARIO contorno azul. La alternativa: escribir, ver la ficha, seguir mirando.
 *
 * SOBRE LA ESPECIFICIDAD, QUE AQUI ES EL PROBLEMA ENTERO.
 *
 * Divi no pinta sus botones con clases sueltas: usa cadenas con identificador y
 * `!important`. Entre dos reglas importantes no gana la ultima, gana la mas especifica,
 * asi que llegar el ultimo no sirve de nada.
 *
 * Y no basta con ganarle a la regla que veas en una pagina: **el tema escribe la misma
 * regla con distinta especificidad segun la plantilla**. En la portada es
 * `.et_pb_bg_layout_dark` (0,1,0), que pierde contra casi cualquier cosa; en las
 * paginas de categoria es `.et-db #et-boc .et-l .et_pb_bg_layout_dark` (1,3,0), que
 * gana. Con un prefijo `html body #page-container ...` (1,2,2) la portada salia bien y
 * la pagina de marca dejaba el boton de la banda BLANCO SOBRE BLANCO. Lo di por
 * arreglado por haberlo mirado en la pagina equivocada.
 *
 * Por eso todas las reglas de abajo usan la cadena del propio tema,
 * `.et-db #et-boc .et-l .et_pb_section` (1,4,0), comprobada: casa con los botones de
 * TODAS las plantillas. Y por eso existe `npm run contraste`, que mide el contraste
 * real de cada boton en las 258 paginas en vez de fiarse de una captura.
 */

/* ── El primario ───────────────────────────────────────────────────────────── */
.et-db #et-boc .et-l .et_pb_section .et_pb_button,
.gc-comprar__telefono,
.gc-pie__telefono,
.gc-explorar__telefono {
  padding: 0.85em 1.7em !important;
  border: 0 !important;
  border-radius: 10px !important;
  background-color: var(--gc-rojo-legible) !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.3 !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: none !important;
  transition: background-color 0.15s ease, transform 0.15s ease !important;
}

.et-db #et-boc .et-l .et_pb_section .et_pb_button:hover,
.et-db #et-boc .et-l .et_pb_section .et_pb_button:focus-visible,
.gc-comprar__telefono:hover,
.gc-comprar__telefono:focus-visible,
.gc-pie__telefono:hover,
.gc-pie__telefono:focus-visible,
.gc-explorar__telefono:hover,
.gc-explorar__telefono:focus-visible {
  background-color: var(--gc-rojo-oscuro) !important;
  color: #fff !important;
  letter-spacing: 0.01em !important;
  transform: translateY(-1px);
}

/*
 * El `display` NO va en el bloque de arriba.
 *
 * Cada boton apila lo suyo por dentro: el de llamar es una columna con la etiqueta
 * encima y el numero debajo, el del pie es un bloque a todo lo ancho. Meter un
 * `display: inline-block !important` para todos dejo «LLAMANOS988 654 657» pegado en
 * una linea. Lo que se unifica es el aspecto —color, forma, tipografia, holgura—, no la
 * manera en que cada uno coloca sus piezas.
 */
.et-db #et-boc .et-l .et_pb_section .et_pb_button {
  display: inline-block !important;
}

/*
 * Divi mete una flecha con `::after` que aparece al pasar el raton y desplaza el texto
 * hacia la izquierda. Se quita: un boton no debe moverse por dentro cuando lo señalas.
 */
.et-db #et-boc .et-l .et_pb_section .et_pb_button::after,
.et-db #et-boc .et-l .et_pb_section .et_pb_button::before {
  content: none !important;
  display: none !important;
  margin: 0 !important;
}

/* ── El secundario ─────────────────────────────────────────────────────────── */
.gc-comprar__presupuesto,
.gc-boton--secundario {
  display: block !important;
  padding: 0.8em 1.6em !important;
  border: 2px solid var(--gc-azul) !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--gc-azul) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  text-align: center;
  text-decoration: none !important;
}

.gc-comprar__presupuesto:hover,
.gc-comprar__presupuesto:focus-visible,
.gc-boton--secundario:hover,
.gc-boton--secundario:focus-visible {
  background: var(--gc-azul) !important;
  color: #fff !important;
}

/*
 * La banda roja de «¿Buscas una solución en calefacción o climatización?».
 *
 * Es el unico sitio donde el primario no puede ir en rojo, porque el fondo ya lo es.
 * Ahi se invierte —blanco lleno, texto rojo—: la misma jerarquia dicha con los mismos
 * dos colores, que es justo lo contrario de meter un tercer color como hacia el azul
 * oscuro que traia el original.
 */
.et-db #et-boc .et-l .et_pb_section_2_tb_header .et_pb_button,
.et-db #et-boc .et-l .gc-banda-roja .et_pb_button {
  background-color: #fff !important;
  color: var(--gc-rojo-legible) !important;
}

.et-db #et-boc .et-l .et_pb_section_2_tb_header .et_pb_button:hover,
.et-db #et-boc .et-l .gc-banda-roja .et_pb_button:hover {
  background-color: rgb(255 255 255 / 88%) !important;
  color: var(--gc-rojo-oscuro) !important;
}

/* El del menu conserva su pastilla, que es lo que lo distingue de un boton de bloque. */
.gc-menu-llamar {
  border-radius: 999px !important;
  padding: 0.55em 1.1em !important;
  font-size: 0.9rem !important;
}


/* === TIPOGRAFIA UNIFICADA: generado por scripts/tipografia.mjs === */
/*
 * Poppins, declarada tambien como "Montserrat", "Muli", "Open Sans", "Rubik", "Source Sans Pro".
 *
 * No es un truco sucio: es la forma de cambiar la tipografia de un tema ajeno sin
 * reescribir sus reglas de `font-family` una a una y sin romper las de iconos, que
 * son las que pintan las flechas, las estrellas y los simbolos de Divi y WooCommerce.
 *
 * Lo genera scripts/tipografia.mjs copiando las declaraciones reales de Poppins, con
 * sus `unicode-range`: sin ellos, algunos pesos se quedarian sin enye ni tildes.
 */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/93f11d58d843dc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/7d01d947440598.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/360bd262edf3cf.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/39a602a650d599.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/e88b8c9f883839.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/311b40f0d82e7e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/2dbff68839c527.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/60aca29ce1c4c4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/cb20a6b5754a22.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/aa83815cc2a3c3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/2a218d23e53837.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/7b7b057d8fe1fb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/f9a2a21e54a20f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/638b5d9dc3c636.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/cc94d36e3bac04.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/2fd9ae31d3b588.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f86081bcc5674c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f19361b595777d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/40a4c2852464b6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/285e6dee84afa1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/33caf375e2756f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/e45eb333137e7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/664d50079a37e9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/de4303133045c9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/c9d614f4171565.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/e6a077c34deb7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/86b12e74a3207c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/57e843b6b6fe42.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/b1eb82d103257d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/93818c37985144.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/7199488410a2df.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/742b18be16f6d9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/e4a3a357c2bc16.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/d0e6a9ae2554a4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/84c939dca13427.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/df089f64e2fca2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/93f11d58d843dc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/7d01d947440598.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/360bd262edf3cf.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/39a602a650d599.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/e88b8c9f883839.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/311b40f0d82e7e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/2dbff68839c527.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/60aca29ce1c4c4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/cb20a6b5754a22.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/aa83815cc2a3c3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/2a218d23e53837.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/7b7b057d8fe1fb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/f9a2a21e54a20f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/638b5d9dc3c636.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/cc94d36e3bac04.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/2fd9ae31d3b588.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f86081bcc5674c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f19361b595777d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/40a4c2852464b6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/285e6dee84afa1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/33caf375e2756f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/e45eb333137e7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/664d50079a37e9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/de4303133045c9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/c9d614f4171565.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/e6a077c34deb7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/86b12e74a3207c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/57e843b6b6fe42.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/b1eb82d103257d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/93818c37985144.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/7199488410a2df.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/742b18be16f6d9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/e4a3a357c2bc16.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/d0e6a9ae2554a4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/84c939dca13427.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/df089f64e2fca2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/93f11d58d843dc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/7d01d947440598.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/360bd262edf3cf.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/39a602a650d599.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/e88b8c9f883839.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/311b40f0d82e7e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/2dbff68839c527.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/60aca29ce1c4c4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/cb20a6b5754a22.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/aa83815cc2a3c3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/2a218d23e53837.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/7b7b057d8fe1fb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/f9a2a21e54a20f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/638b5d9dc3c636.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/cc94d36e3bac04.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/2fd9ae31d3b588.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f86081bcc5674c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f19361b595777d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/40a4c2852464b6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/285e6dee84afa1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/33caf375e2756f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/e45eb333137e7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/664d50079a37e9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/de4303133045c9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/c9d614f4171565.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/e6a077c34deb7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/86b12e74a3207c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/57e843b6b6fe42.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/b1eb82d103257d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/93818c37985144.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/7199488410a2df.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/742b18be16f6d9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/e4a3a357c2bc16.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/d0e6a9ae2554a4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/84c939dca13427.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/df089f64e2fca2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/93f11d58d843dc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/7d01d947440598.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/360bd262edf3cf.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/39a602a650d599.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/e88b8c9f883839.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/311b40f0d82e7e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/2dbff68839c527.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/60aca29ce1c4c4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/cb20a6b5754a22.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/aa83815cc2a3c3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/2a218d23e53837.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/7b7b057d8fe1fb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/f9a2a21e54a20f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/638b5d9dc3c636.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/cc94d36e3bac04.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/2fd9ae31d3b588.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f86081bcc5674c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f19361b595777d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/40a4c2852464b6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/285e6dee84afa1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/33caf375e2756f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/e45eb333137e7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/664d50079a37e9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/de4303133045c9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/c9d614f4171565.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/e6a077c34deb7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/86b12e74a3207c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/57e843b6b6fe42.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/b1eb82d103257d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/93818c37985144.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/7199488410a2df.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/742b18be16f6d9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/e4a3a357c2bc16.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/d0e6a9ae2554a4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/84c939dca13427.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/df089f64e2fca2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/93f11d58d843dc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/7d01d947440598.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/360bd262edf3cf.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/39a602a650d599.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/e88b8c9f883839.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/311b40f0d82e7e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/2dbff68839c527.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/60aca29ce1c4c4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/cb20a6b5754a22.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/aa83815cc2a3c3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/2a218d23e53837.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/7b7b057d8fe1fb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/f9a2a21e54a20f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/638b5d9dc3c636.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/cc94d36e3bac04.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/2fd9ae31d3b588.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f86081bcc5674c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/f19361b595777d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/40a4c2852464b6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/wp/fuentes/285e6dee84afa1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/33caf375e2756f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp/fuentes/e45eb333137e7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/664d50079a37e9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp/fuentes/de4303133045c9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/c9d614f4171565.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp/fuentes/e6a077c34deb7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/86b12e74a3207c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp/fuentes/57e843b6b6fe42.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/b1eb82d103257d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp/fuentes/93818c37985144.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/7199488410a2df.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp/fuentes/742b18be16f6d9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/e4a3a357c2bc16.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/wp/fuentes/d0e6a9ae2554a4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/84c939dca13427.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp/fuentes/df089f64e2fca2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Y lo que no declara familia, tambien. Sin tocar los iconos. */
body,
button,
input,
select,
textarea {
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* === FIN DE LA TIPOGRAFIA UNIFICADA === */


/*
 * ═════════════════════════════════════════════════════════════════════════════
 * LAS PREGUNTAS DE LAS PAGINAS DE SERVICIO Y ZONA
 * ═════════════════════════════════════════════════════════════════════════════
 *
 * Estas paginas son de la plantilla BLANCA, no de la del catalogo: fondo blanco, 54 px
 * de aire y filas de 1080 px. Por eso el bloque se monta con modulos del tema y no con
 * las tarjetas grises, que son de la tienda.
 *
 * Lo unico que hay que poner es la escala de titulares. Un `<h2>` generico dentro de un
 * modulo de texto sale en 26px/500, pero los titulares de seccion de ESTA pagina son de
 * 40px/600 y sus H3 de 28px/500 —medido en la propia pagina, no copiado de otra—. Sin
 * esto, el «Preguntas frecuentes» se lee igual que la pregunta que va debajo y la
 * seccion entera parece un parrafo mas.
 */
.gc-preguntas h2 {
  padding-bottom: 0.35em !important;
  color: #333 !important;
  font-size: clamp(1.6rem, 3.4vw, 2.5rem) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

.gc-preguntas h3 {
  margin-top: 1.4em !important;
  padding-bottom: 0.3em !important;
  color: #333 !important;
  font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.gc-preguntas h3:first-of-type {
  margin-top: 0.8em !important;
}

/* Los enlaces a las marcas, separados de la respuesta que los presenta. */
.gc-preguntas h3 + p + p {
  margin-top: 0.2em !important;
}


/*
 * ═════════════════════════════════════════════════════════════════════════════
 * DOS TELEFONOS, UNO POR PROVINCIA
 * ═════════════════════════════════════════════════════════════════════════════
 *
 * 886 184 252 para Pontevedra y 988 654 657 para Ourense. El riesgo de tener dos numeros
 * no es tecnico: es que alguien de Vigo marque el de Ourense, o que vea los dos, no sepa
 * cual es el suyo y no llame. Las dos cosas cuestan la llamada.
 *
 * POR ESO SE LEE LA PROVINCIA ANTES QUE EL NUMERO. Va delante, en mayusculas y en un rojo
 * claro que destaca sobre el azul de la barra, y el numero detras. Quien busca su
 * telefono busca su provincia, no nueve cifras.
 *
 * Y van UNO DEBAJO DE OTRO, no en la misma linea. Al lado no caben en la columna del
 * blurb —se parten solos y el segundo queda descolgado—, y ademas dos numeros seguidos en
 * horizontal se leen como uno largo. En columna son dos cosas, que es lo que son.
 *
 * En el cuerpo de cada pagina de zona solo hay UN numero, el que toca. Estos dos son de
 * la cabecera y el pie, que salen en las 254 y no saben desde donde llaman.
 */
.gc-tel-doble {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  align-items: flex-start;
}

.gc-tel--doble {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  line-height: 1.25;
  text-decoration: none !important;
  white-space: nowrap;
}

.gc-tel__zona {
  /*
   * Ancho minimo para que los DOS numeros empiecen en la misma columna. «PONTEVEDRA» es
   * mas larga que «OURENSE», y sin esto los numeros quedan escalonados: dos cifras que
   * no estan alineadas se leen peor y se comparan peor, que es justo lo que hay que
   * evitar cuando alguien busca cual de las dos es la suya.
   */
  min-width: 6.2em;
  /*
   * #ffaeb1 y no un rosa mas saturado: sobre el azul de la barra da 4,63:1 y la norma AA
   * pide 4,5 para un texto de este tamano. El rosa anterior se quedaba en 4,15. Es una
   * etiqueta pequena y en mayusculas, o sea de las que peor se leen: si algo tiene que
   * pasar el contraste, es esto.
   */
  color: #ffaeb1;
  font-size: 0.6em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.gc-tel__numero {
  font-size: 0.92em;
  font-weight: 700;
}

.gc-tel--doble:hover .gc-tel__numero,
.gc-tel--doble:focus-visible .gc-tel__numero {
  text-decoration: underline;
}

/* ── El pie: un boton por provincia ────────────────────────────────────────── */
/*
 * La etiqueta ya no dice «Llamanos y te presupuestamos» sino la provincia: con dos
 * botones, lo que hay que distinguir es a cual llamar. Lo que se hace al llamar ya lo
 * dice el titulo de la columna.
 */
.gc-pie__col--contacto .gc-pie__telefono + .gc-pie__telefono {
  margin-top: 0.55em;
}

/*
 * En el pie la etiqueta va en BLANCO, no en rosa.
 *
 * Sobre el rojo del boton no hay ningun rosa que llegue al 4,5:1: aclarandolo hasta
 * cumplir queda en #fffdfe, que es blanco con otro nombre. Asi que se distingue del
 * numero por tamano, mayusculas y espaciado, que es lo que ya hacia, y no por color.
 */
.gc-pie__col--contacto .gc-pie__etiqueta {
  color: #fff;
  letter-spacing: 0.1em;
  opacity: 1;
}


/*
 * ═════════════════════════════════════════════════════════════════════════════
 * EL MAPA DE LA ZONA, Y LA CONDICION QUE LO ACOMPANA
 * ═════════════════════════════════════════════════════════════════════════════
 *
 * Lo pone `scripts/mapa-zona.mjs` en las 59 paginas de zona: el punto desde el que se
 * atiende esa provincia —Vigo para Pontevedra, Ourense para el resto— y, encima del
 * mapa, la frase de que NO se atienden visitas en el establecimiento.
 *
 * Estas paginas son de la plantilla BLANCA, la misma que las preguntas frecuentes, asi
 * que el titular usa exactamente su escala. Repetirla aqui en vez de agrupar las dos
 * reglas es a proposito: son dos bloques que pueden moverse por separado, y el dia que
 * uno cambie de plantilla el otro no tiene por que seguirle.
 *
 * NO SE INVENTA NADA DE ASPECTO: ni una caja de aviso de color, ni un icono, ni un
 * segundo boton. El aviso es texto en negrita dentro de un parrafo normal, que es lo que
 * es. Lo unico que se toca del mapa es que ocupe el ancho de la fila y no los 600 px
 * fijos del atributo, que en movil se salian de la pantalla.
 */
.gc-mapa-zona h2 {
  padding-bottom: 0.35em !important;
  color: #333 !important;
  font-size: clamp(1.6rem, 3.4vw, 2.5rem) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

.gc-mapa-zona__mapa {
  margin-top: 1.6em !important;
}

/*
 * El alto va en `clamp` y no en el atributo `height="450"`: a 360 px de ancho, 450 px de
 * alto es media pantalla de mapa que nadie ha pedido, justo antes del pie. El atributo se
 * conserva en el HTML porque es lo que le da al navegador la proporcion antes de cargar
 * y evita que la pagina pegue un salto cuando el iframe entra.
 */
.gc-mapa-zona iframe {
  display: block;
  width: 100%;
  height: clamp(260px, 42vw, 450px);
  border: 0;
  border-radius: 10px;
}


/*
 * ── El pie dice que no hay que venir ───────────────────────────────────────────
 *
 * Va justo debajo de la dirección, en las 254 páginas. Una dirección publicada sin esta
 * línea es una invitación, y el enlace de al lado abre el mapa: quien lo abre está
 * pensando en acercarse. Se separa un poco de la dirección para que no se lea como parte
 * de ella, y se queda en el mismo tamaño y el mismo blanco del resto de datos del pie: es
 * información, no una advertencia con la que asustar a nadie.
 */
.gc-pie__sin-visitas {
  margin-top: 0.8em !important;
  line-height: 1.5;
}