/* Minimalista: tipografía Inter, contraste adecuado, espaciado para lectura */
body { line-height: 1.65; }
h1,h2,h3,h4 { font-weight:600; }
a { color: #0b5cff; }
.container { max-width: 1100px; }

/* Paleta sugerida: base neutro + acento */
:root{
  --bg: #f8f9fa;
  --text: #212529;
  --muted: #6c757d;
  --accent: #0b5cff;
}

/* Imágenes responsivas y con bordes suaves */
img { max-width:100%; height:auto; border-radius:6px; }

/* Estilos de artículo */
.content p { margin-bottom:1rem; }

/* Mobile adjustments */
@media (max-width: 767px) {
  .sticky-top { position: static !important; }
}

/* Minimal CSS crítico (inline in head recommended if optimizing) */



/* Añadido por mi */
body.bg-light {
    color: #111; /* más oscuro para mejor contraste */
}

.btn-outline-secondary {
    color: #222;          /* texto más oscuro */
    border-color: #222;   /* borde más oscuro */
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
    color: #fff;           /* texto blanco al pasar el ratón */
    background-color: #222; /* fondo oscuro al pasar el ratón */
    border-color: #222;
}


.logo-img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  aspect-ratio: 119 / 40;
}

.navbar-brand {
  display: inline-block;
  width: 119px;
  height: 40px;
}