/* Ancho del contenido */
.wy-nav-content {
  max-width: 1200px;
}

/* Fondo de la zona de lectura */
.wy-nav-content-wrap {
  background: #fcfcfc;
}

/* Color azul ROS 2 para la barra de búsqueda y el logo */
.wy-side-nav-search,
.wy-nav-top {
  background: #2980b9 !important; /* Azul vibrante de la imagen */
}

/* Color del texto del título */
.wy-side-nav-search > a,
.wy-nav-top > a {
  color: #ffffff;
  font-weight: bold;
}

/* Ajuste del buscador para que sea redondeado como en la imagen */
.wy-side-nav-search input[type="text"] {
  border-radius: 20px;
  padding: 6px 12px;
  border-color: transparent;
}

/* Estética del logo */
.wy-side-nav-search img {
    background-color: transparent;
    max-width: 90%;
    height: auto;
    margin-bottom: 15px;
}

/* Hacer que el texto del nombre del sitio aparezca debajo del logo */
.wy-side-nav-search > a:after {
    content: "AymaraLang"; /* El nombre de tu proyecto */
    display: block;
    margin-top: 10px;
    font-size: 110%;
    color: #ffffff;
}

/* Opcional: Si el nombre original intenta aparecer pero está oculto, 
   esta regla ayuda a que el contenedor no lo bloquee */
.wy-side-nav-search > a.icon-home {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1400px) {
  .wy-nav-content {
    margin: 0 auto;
  }
}