/* Osteoss — arreglos sobre el diseño original (ver design-tokens.md) */

/*
 * Aviso de cookies. Los botones son <button> (en el original, <a> sin href).
 * Se igualan con la letra de la barra y, en el teléfono
 * (≤502px), donde el plugin los apila a todo lo ancho, se colocan en dos
 * columnas iguales para que la barra ocupe menos alto (mismo arreglo que se
 * pidió para Nerea Larrea).
 */
#cpnb button.cpnb-button {
  font-family: inherit; line-height: 1.4; border: 0; cursor: pointer;
  -webkit-appearance: none; appearance: none; box-sizing: border-box;
}
@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; }
}