:root {
  --bs-font-sans-serif: 'Roboto Slab', serif;
}


body {
  margin: 0;
  padding: 0;
}

.header {
  background-color: #333;
  color: white;
  padding: 10px 20px;
}

.container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 20px;
  padding: 20px;
}

.legal-notice, .public-files {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 5px;
}

.table>:not(caption)>*>* {
    border-left: none;
    border-right: none;
    border-top-color: #dee2e6;
    border-bottom-color: #dee2e6;
}
.legal-notice .card-text {
    text-align: justify;
    text-align-last: left; /* Última línea alineada a la izquierda */
    hyphens: auto;          /* Habilita la separación por sílabas */
    -webkit-hyphens: auto;  /* Compatibilidad para navegadores WebKit */
    -ms-hyphens: auto;      /* Compatibilidad para IE */
    word-break: break-word; /* Previene desbordamiento si hyphens falla */
    overflow-wrap: break-word;
    lang: es;               /* No es CSS, pero el idioma afecta a hyphens */
}



footer {
  text-align: center;
  padding: 10px;
  background-color: #f9f9f9;
  border-top: 1px solid #ccc;
  margin-top: 20px;
}