/* estilos.css */

/* --------- GENERALES --------- */
body {
    padding-top: 70px; /* espacio para el navbar fijo */
}

/* Navbar */
.navbar-brand span {
    font-weight: bold;
    font-size: 1.1rem;
}

.navbar-brand img {
    max-height: 48px;
    height: auto;
}

/* --------- HERO PRINCIPAL --------- */
.hero {
    padding-top: 120px;
    padding-bottom: 120px;
    background: url('../img/fondo-autopartes.jpg') center/cover no-repeat;
    position: relative;
    color: #111;
}

/* Fondo semi-transparente opcional para mejorar legibilidad */
.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.75);
}

.hero .container {
    position: relative;
    z-index: 1;
}

.hero-logo {
    max-width: 280px;
    height: auto;
    filter: drop-shadow(0 3px 4px rgba(0,0,0,0.25));
}

/* --------- SUBHERO (segunda página) --------- */
.subhero {
    padding-top: 120px;
    padding-bottom: 80px;
    background: #f5f5f5;
    text-align: center;
}

/* --------- MARCAS --------- */
.marca-box {
    font-weight: 600;
    font-size: 0.95rem;
}

/* --------- TARJETAS DE PRODUCTOS --------- */
.card h5,
.card h4 {
    font-weight: 600;
}

/* Galería */
#galeria img {
    object-fit: cover;
    height: 160px;
}

/* Footer */
footer {
    font-size: 0.9rem;
}

/* --------- CHIPS DE PRODUCTOS (PASTILLAS) --------- */
.producto-chip {
    background-color: #f1f1f1;
    color: #333;
    font-size: 0.95rem;
    padding: 0.55em 0.9em;
    border: 1px solid #ddd;
    font-weight: 500;
}

/* --------- MENSAJE ESENCIA DEL NEGOCIO --------- */
.mensaje-esencia {
    background: #f8f9fa;
    border-left: 5px solid #198754; /* verde WhatsApp */
    padding: 1.2rem 1rem;
    border-radius: 0.5rem;
    font-size: 1.05rem;
    color: #333;
}

.mensaje-esencia i {
    font-size: 1.6rem;
    color: #198754;
    margin-bottom: 0.4rem;
    display: block;
}