/* ===================================================== */
/* HERO HOME - TITULO PRINCIPAL (H1) */
/* ===================================================== */

.hero-iluminable .hero-content h1 {
    font-size: 40px !important;
    line-height: 1.2 !important;
}

/* HERO H1 - Ajuste móvil */
@media (max-width: 768px) {
    .hero-iluminable .hero-content h1 {
        font-size: 28px !important;
    }
}


/* ===================================================== */
/* HERO HOME - TEXTO DE CONFIANZA (FABRICACIÓN / ENVÍOS) */
/* ===================================================== */

.hero-iluminable .hero-trust {
    font-size: 18px !important;
    font-weight: 500 !important;
}

/* HERO TRUST - Ajuste móvil */
@media (max-width: 768px) {
    .hero-iluminable .hero-trust {
        font-size: 15px !important;
    }
}


/* ===== CHECKOUT - FORMAS DE PAGO ===== */

/* Fila normal */
#checkout-payment .moduleRow {
    background-color: #ffffff !important;
}

/* Hover */
#checkout-payment .moduleRowOver {
    background-color: #CFE5EA !important;
}

/* Seleccionada */
#checkout-payment .moduleRowSelected {
    background-color: #7FB3C2 !important;
    color: #ffffff !important;
}

#checkout-payment .moduleRowSelected td {
    color: #ffffff !important;
}
/* ===== BOTONES LOGIN CONTINUAR ===== */

#login-wrapper .btn,
#login-wrapper a.btn {
    background-color: #254957 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 600 !important;
}


/* ===== BOTONES CONTINUAR OPTIMIZADOS ===== */

#login-wrapper .btn,
#login-wrapper a.btn,
.cart-btn-checkout-wrapper .btn,
.cart-btn-checkout-wrapper a.btn {

    background-color: #254957 !important;
    color: #ffffff !important;
    border: none !important;

    height: 48px !important;
    line-height: 48px !important;
    padding: 0 22px !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    border-radius: 8px !important;
}

/* ===== CHECKOUT - OPCIONES DE ENVÍO ===== */

/* Fila normal */
#checkout-shipping .moduleRow {
    background-color: #ffffff !important;
}

/* Fila al pasar el ratón */
#checkout-shipping .moduleRowOver {
    background-color: #CFE5EA !important;
}

/* Fila seleccionada */
#checkout-shipping .moduleRowSelected {
    background-color: #7FB3C2 !important;
    color: #ffffff !important;
}

/* Precio alineado más limpio cuando está seleccionada */
#checkout-shipping .moduleRowSelected td {
    color: #ffffff !important;
}


/* ===== BOTÓN CONTINUAR CHECKOUT (input.red_btn) ===== */

input.red_btn {

    background-color: #254957 !important;
    color: #ffffff !important;
    border: none !important;

    height: 48px !important;
    line-height: 48px !important;
    padding: 0 22px !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    border-radius: 8px !important;

    cursor: pointer;
}


/* ===== FIX MENÚ DESKTOP EN MÓVIL ===== */

@media (max-width: 768px) {

    #nav {
        display: none !important;
    }

    body {
        overflow-x: hidden;
    }

}

/* ========================================= */
/* DOOFINDER - ICONO CERRAR BUSCADOR */
/* ========================================= */

.dfd-btn-icon svg {
    width: 34px !important;
    height: 34px !important;
    stroke: #254957 !important;
}


@media (max-width: 768px) {
    #footer {
        background: #000 !important;
    }
}

/* ========================================= */
/* FIX FOOTER WIDTH MOBILE */
/* ========================================= */

@media (max-width: 768px) {

    #footer-wrapper,
    #footer-container,
    #footer {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

}



/* ========================================= */
/* CORREGIR FONDO ROJO GENERALCONT MOBILE */
/* ========================================= */

@media (max-width: 768px) {
    #generalCont {
        background: #000 !important;
    }
}

/*****************************************************/
/* TITULO PRINCIPAL DEL LISTADO DEL BLOG */
/*****************************************************/
.blog-wrapper > h1 {
    text-align: center;
    margin-bottom: 40px !important;   /* separación con el primer artículo */
    padding-bottom: 8px;              /* espacio antes de la línea */
    border-bottom: 1px solid #e5e5e5;  /* subrayado gris clarito */
    display: inline-block;            /* para que la línea tenga el ancho del texto */
}

/* Separación adicional del primer artículo */
.blog-wrapper > h1 + div {
    margin-top: 40px !important;
}