/* Estilos base */
.container-official-doc p,
.container-official-doc li {
    color: #FFF;
    text-align: justify;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.container-official-doc ul li,
.container-official-doc ol li {
    margin-bottom: 20px;
}

.container-official-doc span.strong {
    font-weight: 700;
}

.container-official-doc .italic {
    font-style: italic;
}

.container-official-doc .subtitle-official-docs {
    color: #FFF;
    text-align: justify;
    font-family: Inter, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.container-official-doc .doc-title {
    color: #FFD700;
    font-family: Inter, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* Adaptación para móvil */
@media only screen and (max-width: 600px) {
  .container-official-doc p,
  .container-official-doc li {
    font-size: 16px;       /* Fuente más pequeña para móvil */
    line-height: 1.4;      /* Mejor legibilidad */
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-official-doc ul li,
  .container-official-doc ol li {
    margin-bottom: 12px;   /* Margen reducido para móvil */
  }

  .container-official-doc .subtitle-official-docs {
    font-size: 16px;       /* Más pequeño en móvil */
    line-height: 1.3;
  }

  .container-official-doc .doc-title {
    font-size: 18px;       /* Más pequeño en móvil */
    line-height: 1.3;
  }
}