/*
Theme Name: Las Clito Theme
Theme URI: https://lasclito.cl
Author: Atelier Busco
Author URI: https://atelierbusco.com
Version: 1.0.10
Text Domain: las-clito-theme
*/

/* * El layout del menú (flex-col, md:flex-row, hidden, md:block) 
 * ahora es controlado 100% por clases de Tailwind en header.php.
 * Este CSS solo da estilos a los enlaces <a> de adentro.
*/

/* Enlaces <a> en ESCRITORIO (md:) */
.main-menu ul li a {
  display: block;
  padding: 0.25rem 0;
  font-size: 1rem;
  color: #111827; /* Texto oscuro sobre fondo blanco */
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.main-menu ul li a:hover {
  color: #E53A95; /* Acento magenta */
}


/* Estilos de <a> en MÓVIL (cuando se despliega) */
@media (max-width: 767px) {
  
  /* El contenedor del menú desplegado */
  .main-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #E53A95; /* Fondo magenta */
    padding: 1rem 0;
    z-index: 50;
    border-top: 1px solid rgba(0,0,0,0.1);
  }

  /* Los enlaces <a> en móvil */
  .main-menu ul li a {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #FFFFFF; /* Texto blanco */
  }
  .main-menu ul li a:hover {
    background-color: rgba(0,0,0,0.1);
    color: #FFFFFF;
  }
}