:root {
    --colorCabecera: #b71c1c;
    /* Rojo cabecera, más oscuro */
    --colorTextoCabecera: #fff;
    /* Blanco para contraste */
    --colorCorporativo: #d32f2f;
    /* Rojo principal, igual que logo */
    --colorCorporativoOscuro: #a31515;
    /* Rojo oscuro para hover/detalles */
    --colorCorporativoClaro: #ffebee;
    /* Rojo claro para fondos suaves */
    --colorFondo: #fff;
    /* Fondo blanco */
    --colorTexto: #222;
    /* Gris/negro para texto principal */
    --colorTextoContraste: #fff;
    /* Blanco para botones sobre rojo */
    --colorBorde: #a31515;
    /* Rojo oscuro para bordes */
    --colorDestacado: #ffc107;
    /* Amarillo/dorado para acentos */
    --colorTextoBoton: #fff;
    /* Blanco en botones */
    --colorIcono: #d32f2f;
    /* Rojo iconos */
    --colorBarraBusqueda: #fff;
    /* Fondo barra búsqueda */
    --colorBarraBusquedaTexto: #222;
    /* Texto barra búsqueda */
    --colorBotonLista: #d32f2f;
    /* Botón lista rojo */
    --colorBotonTextoLista: #fff;
    /* Texto botón lista blanco */
}

/* Ajustes visuales específicos para el menú y el carrito */
.menu-user-cart-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}





.customer-support-text .text p {
    color: var(--colorTextoCabecera);
}



.home-icon {
    margin: 10px;
    padding: 10px;
    border: 3px solid #ccc;
    border-radius: 10px;
    text-align: center;
    max-width: 230px;
}

.home-icon .icon {
    font-size: 3em;
    color: var(--colorCorporativo)
}

.home-icon .title {
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 20px;
    color: var(--colorCorporativo);
    margin-top: 5px
}

.home-icon .description {
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 5px;
}