/* 1. Importación correcta de la tipografía corporativa (Poppins) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');

h1, h2, h3, h4, h5, h6, label, body, p, .btn, a {
    font-family: 'Poppins', sans-serif;
}

/* 2. Ajustes de Logo y Barra de Navegación */
.logo-market {
    height: 35px !important;
    padding-top: 5px;
}

.navbar-inner {
    min-height: 40px;
    padding: 0 20px;
    background-color: #ffffff;
    border: none; /* Eliminamos bordes innecesarios para un look limpio */
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Sombra muy sutil para dar profundidad */
}

.navbar .nav {
    float: right;
    margin: 5px 0 0 0;
}

.navbar .navbar-inner .nav > li.active > a, 
.navbar .navbar-inner .nav > li.active > a:hover, 
.navbar .navbar-inner .nav > li.active > a:focus {
    font-weight: 700;
}

.navbar .nav > li > a {
    transition: all 0.3s ease; /* Transición suave al pasar el mouse */
}

.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus,
.navbar .nav > li > a:focus, 
.navbar .nav > li > a:hover {
    color: #880610; /* Rojo Kamex principal */
    background-color: transparent;
    text-decoration: none;
}

/* 3. Botones Modernizados (Estilo Tech) */
.btn {
    font-weight: 500; /* Un poco más de peso para que el botón resalte */
    color: #ffffff;
    background-color: #880610;
    border: none; /* Adiós a los bordes negros */
    border-radius: 4px; /* Bordes ligeramente redondeados */
    padding: 10px 20px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn:hover {
    color: #ffffff !important; /* Mantenemos contraste en blanco */
    background-color: #b41b1e; /* Rojo luminoso al hacer hover */
    transform: translateY(-1px); /* Efecto premium de sutil elevación */
}

/* 4. Footer y Enlaces Generales */
.site-footer, 
.site-footer a, 
.site-footer [data-widget="sitemap"], 
.site-footer [data-widget="socialsharer"] {
    color: #880610;
    transition: color 0.3s ease;
}

a {
    color: #880610;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover, .btn-link:hover {
    color: #b41b1e;
}

.form-actions {
    background-color: transparent;
    border: none;
}

/* 5. Ajustes Móviles */
@media (max-width: 979px) {
    .logo-market {
        height: 25px !important;
    }
}