/*
 Theme Name:   Hello Elementor Child (JCN)
 Description:  Tema hijo para jcn.com.ar basado en Hello Elementor.
 Author:       Julio César Negro
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Acá abajo podés meter todo el CSS personalizado que quieras en el futuro */

.paginacion ul {
    list-style: none;
    display: inline-flex;
    padding: 0;
}

.paginacion li {
    margin: 0 5px;
}

.paginacion a, .paginacion span {
    padding: 8px 15px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}

.paginacion .current {
    background-color: #d32f2f;
    color: #fff;
    border-color: #d32f2f;
}

/* Ajuste de altura para la cabecera y el logo */
.site-header {
    padding: 15px 0 !important; /* Le da aire arriba y abajo a toda la franja */
}

.site-header .site-logo img, 
.site-header .custom-logo {
    max-height: 300px !important; /* Ajustá este número si lo querés más grande o chico */
    width: auto;
    object-fit: contain;
}

/* Convertir el último ítem del menú en un botón */
.boton-cabecera a {
    background-color: #800000 !important; /* Tu color bordó de autoridad */
    color: #ffffff !important; /* Texto blanco para que resalte */
    padding: 10px 24px !important;
    border-radius: 6px; /* Bordes un poco redondeados */
    font-weight: bold;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    margin-left: 15px; /* Lo separa un poco del resto de los textos */
}

/* El efecto al pasar el mouse */
.boton-cabecera a:hover {
    background-color: #222222 !important; /* Se pone gris oscuro */
    color: #ffffff !important;
    transform: translateY(-2px); /* Un pequeño salto hacia arriba */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}