/* ==================================================
   COSMÉTICA FLORA – ESTILO LIMPIO & MINIMAL
   Inspirado en Taller de Hierbas (fondo blanco y orden)
================================================== */

/* ---------- TIPOGRAFÍA GLOBAL ---------- */

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

body {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  background-color: #ffffff;
  color: #2f2f2f;
  margin: 0;
  padding: 0;
}

body,
#wrapper,
#content-wrapper,
#main,
.container {
  background: #ffffff !important;
}
#wrapper {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
}
/* ---------- COLORES – ACENTOS ---------- */

:root {
  --accent: #d1c282; /*#6F8F7A;        /* Verde natural suave */
  --accent-hover: #5E7C69;  /* Verde para hover */
  --text-main: #2f2f2f;     /* Texto legible */
  --text-muted: #6B6B6B;    /* Texto secundario */
  --border-light: #e5e5e5;   /* Bordes sutiles */
  --secundario :#f39d72
}

/* ---------- TITLES ---------- */

h1, h2, h3, h4, h5 {
  font-weight: 500;
  color: var(--text-main);
  margin-top: 0;
  margin-bottom: 0.6em;
}

h1 { font-size: 2.1rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.3rem; }

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

p {
  margin-bottom: 1em;
  color: var(--text-main);
}

.text-muted,
small {
  color: var(--text-muted);
}

/* ---------- LINKS ---------- */

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  color: var(--accent-hover);
  text-decoration: underline;
}

.product-flags li.product-flag{
    background: var(--accent);
}

.btn-primary,.btn-primary:hover {
    color: #fff;
    background-color: var(--accent);
    border-color: transparent
}

.tabs .nav-tabs .nav-link.active {
    color: var(--accent);
}

.tabs .nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: var(--accent) 3px solid
}

#subcategories ul li:hover .subcategory-image a {
    padding: 5px;
    border: 5px solid var(--accent);
}


.product-price {
    display: inline-block;
    max-width: 100%;
    color: var(--accent);
}

.price{
    font-size:19px;
}

.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: var(--accent) 3px solid;
}

.product-miniature .highlighted-informations {
    background: var(--secundario);
}

.product-miniature .highlighted-informations .quick-view {
    font-size: 1rem;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
}

.product-miniature .highlighted-informations .quick-view:hover {
    color: var(--accent-hover);
    text-transform: uppercase;
}

.product-miniature .product-title{
    margin-top:.0rem
}
.product-miniature .product-title a {
    color: var(--text-main);
}

#header .header-top a[data-depth="0"]:hover {
    color: var(--accent);
    text-transform: uppercase;
}
#header a:hover {
    color: var(--accent);
    text-decoration: none
}

#header .header-nav .cart-preview.active {
    background: var(--accent);
}

/* CONTENEDOR FIJO */
.subcategory-image {
  overflow: hidden;
}

/* IMAGEN CON ZOOM */
.subcategory-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.15); /* zoom */
  transition: transform 0.3s ease;
}


.product-container .tabs{
    padding: 0.25rem 0.25rem;
}

#subcategories,
.subcategories,
#js-product-list-top + .subcategories {
  display: none !important;
}