/* =========================================================
   ECOPUBLI - ESTILO PERSONALIZADO
   Tipografía: Montserrat
   Color principal: #2E7D32
   ========================================================= */

/* ---------- MONTSERRAT ---------- */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


/* ---------- TIPOGRAFÍA GENERAL ---------- */

body,
button,
input,
select,
textarea,
.nav,
.nav-link,
.dropdown-menu,
.form-control,
.btn {
    font-family: 'Montserrat', sans-serif;
}


/* ---------- TEXTOS ---------- */

body {
    color: #333333;
}


/* ---------- TÍTULOS ---------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}


/* ---------- ENLACES ---------- */

a {
    color: #2E7D32;
}

a:hover,
a:focus {
    color: #1B5E20;
}


/* ---------- BOTONES ---------- */

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited {
    background-color: #2E7D32;
    border-color: #2E7D32;
    color: #ffffff;
}


/* ---------- BOTÓN AÑADIR AL CARRITO ---------- */

.add-to-cart,
.add-to-cart:hover,
.add-to-cart:focus,
.add-to-cart:active {
    background-color: #2E7D32;
    border-color: #2E7D32;
    color: #ffffff;
}


/* ---------- PRECIO ---------- */

.product-price,
.current-price,
.price {
    color: #2E7D32;
}


/* ---------- NAVEGACIÓN ---------- */

#header .top-menu a:hover,
#header .top-menu a:focus {
    color: #2E7D32;
}


/* ---------- PESTAÑAS DEL PRODUCTO ---------- */

.tabs .nav-tabs .nav-link.active {
    color: #2E7D32;
    border-bottom-color: #2E7D32;
}


/* ---------- CAMPOS DE FORMULARIO ---------- */

.form-control:focus,
.form-control:active {
    border-color: #2E7D32;
    box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.15);
}


/* ---------- COLOR DE SELECCIÓN ---------- */

::selection {
    background: #2E7D32;
    color: #ffffff;
}
/* MENÚ PRINCIPAL ECOPUBLI */

#top-menu li a.dropdown-item {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: lowercase !important;
}

/* Primera letra en mayúscula */

#top-menu li:first-child a.dropdown-item::first-letter,
#top-menu li:nth-child(2) a.dropdown-item::first-letter,
#top-menu li:nth-child(3) a.dropdown-item::first-letter {
    text-transform: uppercase;
}