/* --- Importación de Fuentes --- */
@import url("fonts.css");

/* --- Estilos Globales --- */
body,
ul,
li,
p,
a,
div {
  font-family: "Montserrat", sans-serif;
  font-size: 18px !important;
  font-weight: 300 !important;
  color: #514b4b; /* Un gris oscuro suave de tu lista para texto base */
}

/* --- Estilos de Detalle (Archivo Expanded) --- */
label,
input,
.logo,
#templatemo_nav_top *,
.product-wap .h3,
.product-wap li,
.product-wap p,
.footer-link-list li {
  font-family: "Archivo Expanded", sans-serif;
}

/* --- Encabezados --- */
.h1,
.h2,
.h3 {
  font-family: "Montserrat", sans-serif;
  color: #261e1e; /* Color Principal 1 */
}

.h1 {
  font-size: 48px !important;
  font-weight: 200 !important;
}
.h2 {
  font-size: 30px !important;
  font-weight: 300;
}
.h3 {
  font-size: 22px !important;
}

/* --- Utilidades de Color y Fondo --- */
.logo {
  font-weight: 500 !important;
  color: #261e1e !important;
}

.text-warning {
  color: #8e897e !important;
} /* Tono tierra medio */
.text-muted {
  color: #a8a5a5 !important;
} /* Gris neutro */
.text-success {
  color: #726b5e !important;
} /* Secundario 1 (Sustituye al verde) */
.text-light {
  color: #f1efed !important;
}

.bg-dark {
  background-color: #261e1e !important;
} /* Principal 1 */
.bg-light {
  background-color: #f6f6f4 !important;
} /* Secundario 3 */
.bg-black {
  background-color: #1d1a1a !important;
} /* Un tono más oscuro que el principal */
.bg-success {
  background-color: #b8b0a4 !important;
} /* Secundario 2 */

.btn-success {
  background-color: #726b5e !important; /* Secundario 1 */
  border-color: #514b4b !important;
  color: #fff !important;
}

/* --- Navegación --- */
.pagination .page-link:hover {
  color: #261e1e;
}

.pagination .page-link:hover,
.pagination .page-link.active {
  background-color: #d7d4cb; /* Principal 2 */
  color: #261e1e;
  border-color: #c7c4bf;
}

#templatemo_nav_top {
  background-color: #261e1e;
  min-height: 40px;
}

#templatemo_nav_top * {
  font-size: 0.9em !important;
  color: #d7d4cb !important;
}

#templatemo_main_nav a {
  color: #261e1e;
}

#templatemo_main_nav a:hover {
  color: #726b5e; /* Secundario 1 */
}

/* --- Hero Carousel --- */
#template-mo-zay-hero-carousel {
  background: #efeeea !important; /* Tono de combinación claro */
}

#template-mo-zay-hero-carousel .carousel-indicators li {
  margin-top: -50px;
  background-color: #726b5e;
}

#template-mo-zay-hero-carousel .carousel-control-next i,
#template-mo-zay-hero-carousel .carousel-control-prev i {
  color: #726b5e !important;
}

/* --- Acordeón y Tienda --- */
.templatemo-accordion a {
  color: #261e1e;
}
.templatemo-accordion a:hover {
  color: #726b5e;
}
.shop-top-menu a:hover {
  color: #b8b0a4 !important;
}

/* --- Productos (Cards) --- */
.product-wap {
  box-shadow: 0px 5px 10px 0px rgba(38, 30, 30, 0.1); /* Sombra usando el principal */
  background-color: #fff;
}

/* Colores de puntos (Mantenemos la lógica de color pero ajustamos si es necesario) */
.product-wap .product-color-dot.color-dot-green {
  background: #aaa69e;
} /* Ajustado a paleta */

.card.product-wap .card .product-overlay {
  background: rgba(38, 30, 30, 0.4); /* Overlay con el color principal */
}

/* --- Marcas y Servicios --- */
.services-icon-wap:hover {
  background: #d7d4cb; /* Principal 2 */
}

.services-icon-wap:hover i,
.services-icon-wap:hover p {
  color: #261e1e !important;
}

/* --- Footer --- */
#tempaltemo_footer {
  background-color: #261e1e !important;
}

#tempaltemo_footer a {
  color: #d7d4cb;
}

#tempaltemo_footer a:hover {
  color: #b8b0a4;
}

#tempaltemo_footer ul.footer-icons li:hover {
  background-color: #d7d4cb;
}

#tempaltemo_footer ul.footer-icons li:hover i {
  color: #261e1e;
}

#tempaltemo_footer .border-light {
  border-color: #514b4b !important;
}