﻿/*
 * chapadamero.css
 * Este archivo solo incluye estilos específicos para la Chapa Damero.
 * El layout principal y los estilos básicos se toman de mallazos.css.
 */

/* --- Estilos para los bloques de Stock/Consulta (MÁS SUTIL - SIN H3) --- */

.stock-consult-info {
    /* Mantiene la separación y alineación respecto al bloque de características */
    padding: 0px; 
    margin-top: 30px; 
}

/* El h3 fue eliminado del HTML, por lo que no necesita CSS aquí */

/* Contenedores de mensajes individuales (Alertas amarilla y cian) */
.stock-message, .consult-message {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    font-size: 1.05em;
}

/* Stock Limitado (Amarillo) */
.stock-message.warning {
    background-color: #fff8e5; 
    border-left: 5px solid #ffc107; 
    color: #664d03; 
}

.stock-message.warning i {
    font-size: 1.4em;
    color: #ffc107; 
    margin-top: 2px;
}

/* Consulta (Cian/Azul) */
.consult-message.info {
    background-color: #e5f7ff; 
    border-left: 5px solid #0dcaf0; 
    color: #055160; 
}

.consult-message.info i {
    font-size: 1.4em;
    color: #0dcaf0; 
    margin-top: 2px;
}

.stock-message p, .consult-message p {
    margin: 0;
    line-height: 1.5;
}






/* --- Estilos de "También te podría interesar" --- */

.related-products-section {
    margin-top: 60px;
}
/* ... resto de estilos de tarjetas de producto (product-card) ... */


/* Aseguramos que en pantallas pequeñas se centren */
@media (max-width: 992px) {
    .footer-container {
        justify-content: center;
        text-align: center;
    }
    .footer-about, .footer-contact, .footer-social {
        min-width: 100%;
        text-align: center;
    }
    .footer-contact ul {
        /* Permite que los elementos de lista permanezcan alineados si son largos, pero centramos el bloque */
        padding-left: 0; 
    }
    .footer-contact li {
        /* Centrar íconos y texto */
        display: inline-flex; 
        align-items: center;
    }
}