/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 04 2025 | 14:56:59 */
/* ===== AJUSTES PARA DISPOSITIVOS MOVILES (Menos de 768px de ancho) ===== */
@media (max-width: 768px) {

    /* 1. CENTRAR EL LOGO EN LA CABECERA MOVIL */
    .site-logo, 
    .custom-logo-link, 
    .header__logo img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }

    /* 2. MEJORAR LEGIBILIDAD DE TEXTOS (Descripciones, parrafos) */
    .site-description,
    .entry-content p,
    .post-excerpt,
    .widget-text {
        font-size: 16px !important;   /* Tamaño de fuente mas legible */
        line-height: 1.6 !important;   /* Mayor espacio entre lineas */
        color: #333 !important;        /* Color oscuro de buen contraste */
    }

    /* 3. DIFERENCIAR EL BOTON DEL MENU HAMBURGUESA */
    .menu-toggle,
    .hamburger-menu,
    .mobile-menu-button {
        background-color: #0073aa !important; /* Color de fondo distintivo */
        border: 2px solid #005a87 !important; /* Borde mas oscuro */
        border-radius: 5px !important;        /* Esquinas redondeadas */
        padding: 10px !important;
    }

    /* 3b. Cambiar el color de las lineas del icono hamburguesa (si es un icono de 3 rayas) */
    .menu-toggle .hamburger:before,
    .menu-toggle .hamburger:after,
    .menu-toggle .hamburger div {
        background-color: #ffffff !important; /* Color blanco para contraste */
    }
}