/*
 * Tapia Instala — arreglos sobre la hoja del original (ver design-tokens.md).
 */

/* Aviso de cookies en el móvil: los botones del plugin iban uno debajo de
   otro y la barra tapaba un tercio de la pantalla; se colocan en dos columnas. */
@media (max-width: 502px) {
  #cpnb .cpnb-inner { padding: 16px; }
  #cpnb .cpnb-message { margin-bottom: 12px; }
  #cpnb .cpnb-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  #cpnb .cpnb-buttons .cpnb-button {
    display: flex; align-items: center; justify-content: center;
    box-sizing: border-box; width: 100%; min-height: 40px; margin: 0; padding: 8px 6px; line-height: 1.4;
    text-align: center; font-size: 13px;
  }
  #cpnb .cpnb-clear-both { display: none; }
}

/* Titulares gigantes de las páginas interiores («SERVICIOS», «ZERBITZUAK»,
   «CLIENTES», «BEZEROAK»): en el móvil no cabían (también en el original) y
   la página se podía mover de lado. Se ajustan al ancho de la pantalla. */
@media (max-width: 639px) {
  .uk-heading-2xlarge { font-size: min(13vw, 90.78px); }
}

/* Política de cookies en euskera: las direcciones de los navegadores van
   escritas como texto (sin espacios) y en el móvil y la tableta la página se movía de lado
   (también en el original). Se pueden partir. */
@media (max-width: 1199px) {
  .uk-article p { overflow-wrap: anywhere; }
}