/* Cambiar el color de fondo del cuerpo */
body {
    background-color: #103A5B;
    background-image: url('https://bepsisa.com/wp-content/uploads/2024/09/Fondo.png');
    background-size: auto;
    background-repeat: repeat;
    background-position: top left;
    color: #ffffff;
}

/* Cambiar el color del título del sitio a blanco */
.site-title, 
h1 {
    color: #ffffff;
    text-decoration: none;
}

/* Efecto hover para el título y enlaces */
.site-title:hover, 
h1:hover, 
.site-title a:hover, 
h1 a:hover {
    color: #ffffff;
    background-color: transparent;
}

/* Estilo del menú en escritorio */
.main-navigation ul, 
.navbar ul, 
.site-navigation ul {
    background-color: transparent; /* Fondo transparente para el menú principal */
}

/* Enlaces del menú - texto negro, fondo transparente */
.main-navigation ul li a, 
.navbar ul li a, 
.site-navigation ul li a {
    color: #000000 !important; /* Texto negro */
    text-decoration: none; /* Eliminar subrayado */
    background-color: transparent !important; /* Fondo transparente */
    transition: color 0.3s ease, background-color 0.3s ease; /* Transición suave */
}

/* Efecto hover: texto negro, fondo transparente */
.main-navigation ul li a:hover, 
.navbar ul li a:hover, 
.site-navigation ul li a:hover {
    color: #000000 !important; /* Texto negro en hover */
    background-color: transparent !important; /* Mantener fondo transparente */
}



/* Asegura que el submenú también se mantenga blanco cuando se despliegue */
.main-navigation ul li:hover > ul,
.navbar ul li:hover > ul,
.site-navigation ul li:hover > ul {
    background-color: #ffffff !important; /* Fondo blanco cuando se expande el submenú */
}

/* Texto negro en los enlaces del submenú */
.main-navigation ul ul li a,
.navbar ul ul li a,
.site-navigation ul ul li a {
    color: #000000 !important; /* Texto negro */
    text-decoration: none; /* Eliminar subrayado */
}

/* Hover en el submenú: cambia solo el color del texto */
.main-navigation ul ul li a:hover,
.navbar ul ul li a:hover,
.site-navigation ul ul li a:hover {
    color: #000000 !important; /* Azul oscuro al pasar el ratón */
    background-color: transparent !important; /* Mantener el fondo transparente en hover */
}er */
}


/* Paginación */
.pagination a, .pagination a span, .page-numbers, .page-numbers span {
    color: white !important;
    background-color: #3498db;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.pagination a:hover, .pagination a:hover span, .page-numbers:hover, .page-numbers:hover span {
    background-color: #1c3d6b;
}

.pagination .current, .page-numbers.current {
    color: white !important;
    background-color: #1c3d6b;
}

/* ------------------------------- */
/* MENÚ MÓVIL - TEXTO NEGRO Y FONDO BLANCO */
/* ------------------------------- */
@media (max-width: 768px) {
    /* Fondo blanco para menú móvil */
    .main-navigation ul, 
    .navbar ul, 
    .site-navigation ul {
        background-color: #ffffff !important;
    }

    /* Texto negro para enlaces del menú móvil */
    .main-navigation ul li a, 
    .navbar ul li a, 
    .site-navigation ul li a {
        color: #000000 !important;
    }

    /* Hover en menú móvil */
    .main-navigation ul li a:hover, 
    .navbar ul li a:hover, 
    .site-navigation ul li a:hover {
        color: #1c3d6b !important;
        background-color: transparent;
    }
}