/* === PALETA PASTEL SENSUALIA === */
/* Variables base para toda la UI */
:root {
  --sens-rosa: #F07AA6;
  --sens-rosa-hover: #E3518A;
  --sens-violeta: #B784C3;
  --sens-violeta-hover: #9F67AE;
  --sens-azul: #A9C9E9;
  --sens-azul-borde: #8DB8E1;
  --sens-amarillo: #FFE084;
  --sens-gris-osc: #4D4D4D;
  --sens-gris-claro: #F5F5F5;

  /* === Variables para precios y descuentos === */
  --highlight-color: var(--sens-violeta);
  --secondary-color: var(--sens-rosa);
  --primary-color: #E30613;
}

/*** agrega aqui los estilos necesarios para modificar el template ***/

/* === CATEGORÍAS HOME – ICONOS === */
.bs-categories__item { background: #333; } /* Fondo genérico (se mantiene como estaba) */
.iconos_home .bs-categories__item { background: #f5f5f5; box-shadow: none; } /* Fondo claro sin sombra */
.iconos_home .bs-categories__item .bs-categories__title { font-size: 1.1rem; color: #333; } /* Título */

/* === CABECERA: CHAT / LOGO / HAMBURGUESA === */
.chat-widget__chat-list { flex-wrap: wrap; align-content: stretch; align-items: baseline; justify-content: flex-end; }
.grid-slider.slick-initialized .item { padding: 10px; }
.txtchat { color: black; }
.bs-collection__with-banner { margin-bottom: 3rem; margin-top: 2rem; } /* (versión única) */

/* === LOGO EN HEADER === */
.bs-grid-header__logo img { max-width: 140px !important; height: auto !important; } /* Escritorio */
@media screen and (max-width: 992px){
  .bs-grid-header__logo img { width: 100px !important; height: auto !important; } /* Móvil */
}

/* === BOTÓN MENÚ HAMBURGUESA – PASTEL (ROSA/VIOLETA) === */
.navbar-toggler{
  background-color: var(--sens-violeta) !important;
  color:#fff !important;
  border:none !important;
  padding:8px 12px !important;
  font-size:17px !important;
  border-radius:6px !important;
}
.navbar-toggler:hover{
  background-color: var(--sens-rosa) !important;
  color:#fff !important;
  border:none !important;
}

/* === BOTONES HEADER (CARRITO / LOGIN / LUPA) === */
.btn-cart, .btn-login, .btn-search{
  color:#fff;
  background: var(--sens-violeta) !important;
  border-color: var(--sens-violeta) !important;
}
.btn-cart:hover, .btn-login:hover, .btn-search:hover{
  background: var(--sens-violeta-hover) !important;
  border-color: var(--sens-violeta-hover) !important;
  color:#fff !important;
}

/* === BARRA DE AVISO / CONTADORES === */
.announcement-bar{ color:#0D0D0D; background:#fff; border-color:#fff; }
.cart-items{ background:#0D0D0D; color:#fff; }

/* === BANNERS E IMÁGENES GENERALES === */
.bs-banners__picture{ padding-top:1.2rem; }
.bs-img-square picture img{ border-radius:20px; }

/* === PRODUCTOS: PRECIOS Y BOTONES === */
.bs-product__final-price{ color: var(--sens-violeta) !important; } /* precio final en ficha */
.bs-product__original-price{ color:#E30613; margin-top:15px; display:block; } /* tachado */

.btn-primary {
  background: var(--sens-rosa) !important;
  border-color: var(--sens-rosa) !important;
  color: #fff !important;
}
.btn-primary:hover {
  background: var(--sens-rosa-hover) !important;
  border-color: var(--sens-rosa-hover) !important;
  color: #fff !important;
}

/* === BOTONES REDONDEADOS SIEMPRE – FIX EN FOCUS/ACTIVE === */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus:active {
  border-radius: 2rem !important;
  outline: none !important;
  box-shadow: none !important;
}

/* === CARRO: ESPACIADOS EN MÓVIL === */
@media screen and (max-width: 992px){
  .bs-collection__addToCart{ margin-top:1rem !important; }
  .bs-product__section-title{ font-size:1.5rem; }
  .modal-content .btn-secondary{ margin-bottom:5px; }
}

/* === TÉRMINOS / TEXTOS GENERALES === */
.tyc{ color: var(--sens-violeta); }
.bs-blog-article__content{ font-size:15.4px !important; }
.bs-blog-article__title{ display:contents; }
.bs-blog-article__info{ height:50%; }
.bs-blog-article__btn{ font-size:16px; }

/* === FOOTER (BS) === */
.bs-footer__social .btn-social{ color:#fff; background-color: var(--sens-violeta) !important; }
.bs-footer__social .btn-social:hover{ background:#b784c3; color: #B0004F !important; }
.bs-footer_top-section_title{ color:#fff; }
.bs-footer_top-section_info{ color:#fff; }
.bs-footer__social{ margin-top:1rem; }
.bs-footer__title{ font-size: var(--footer-title-size, 1.2rem); }
.bs-footer__link{ font-size: var(--footer-font-size, 1rem); }

@media screen and (min-width:1200px) {
  .bs-footer__section-description { padding-right: 32px; }
}

/* === COLECCIONES (CONTENEDOR Y AVISOS) === */
.bs-collection{ width:98% !important; }
.bs-collection__addToCart{ margin-top:3rem; }
.bs-collection__old-price{ color:#E30613; }

/* Precio final (sin descuento o base) en colecciones */
.bs-collection__product-final-price{
  color: var(--sens-rosa) !important;
  padding-bottom: 4%;
}

/* Precio final CON DESCUENTO en colecciones (versión final que gana) */
.has-discount .bs-collection__product-final-price{
  color: var(--sens-violeta) !important;
  font-size: 1.6rem;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
}

/* === ZOOM GALERÍA – DESACTIVADO === */
.bs-img-square[data-bs="zoom"] img{ transform:none !important; transition:none !important; }
.drift-zoom-pane{ display:none !important; }
.bs-img-square img{ pointer-events:auto !important; }

/* === “AVÍSAME CUANDO LLEGUE” – OCULTO === */
button[data-bs="product.order"]{ display:none !important; }

/* === FICHA: ANCHO BLOQUE IMAGEN (SOLO PC) === */
@media screen and (min-width:768px){
  .bs-product .col-sm-6,
  .bs-product .col-sm-4{
    max-width:520px !important;
    flex:0 0 520px !important;
  }
}

/* === TÍTULO EXTRA “DESCRIPCIÓN” – OCULTO === */
h2.bs-home-title{ display:none !important; }

/* === POPUP EN MÓVIL – OCULTO === */
@media screen and (max-width:768px){
  #popup{ display:none !important; }
}

/* === SE OCULTA CABECERA EN MOBILE === */
@media screen and (max-width:768px){
  .announcement-bar { display:none !important; }
}

/* === ETIQUETAS / BADGES EN LISTADOS Y FICHA === */
.bs-collection__product-notice{
  font-size: 0.7rem;
  padding: 0.25em 0.4em;
  background-color: #3C8DBC !important;
  display: table;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  margin: 5px 0;
  font-weight: 600;
  color: #fff;
}

/* Etiquetas de descuento (colección y ficha) en azul pastel */
.bs-product__discount-condition,
.bs-collection__discount-condition{
  color:#fff;
  background-color: var(--sens-azul) !important;
  font-weight:700;
  display:inline-block;
  border-radius:0.25rem;
}

/* === HOME Y SLIDERS (ESPACIADOS) === */
h2.bs-title-home span{ font-size:15px; }
.only-home{ padding-top:2.2rem; }
.bs-horizontal-slider .slick-list{ padding-top:1rem; }
.bs-horizontal-slider .slick-slide{ padding-left:1rem; }
.bs-owl-compact.bs-owl-compact .owl-nav .owl-next { font-size: 32px!important; }
.bs-owl-compact.bs-owl-compact .owl-nav .owl-prev { font-size: 32px!important; }

/* === BADGES GENERALES EN FICHA === */
.bs-product .mt-3 .my-2 button.btn-secondary{ display:none; }
.bs-product .mt-3 span.badge{
  font-size:1rem;
  border-radius:2rem;
  padding:0.4rem 0.7rem;
}

/* === BOTÓN SECUNDARIO (p. ej. “Seguir comprando”) === */
.btn-secondary{
  background: var(--sens-violeta) !important;
  border-color: var(--sens-violeta) !important;
  color: #fff !important;
}
.btn-secondary:hover{
  background: var(--sens-violeta-hover) !important;
  border-color: var(--sens-violeta-hover) !important;
  color: #fff !important;
}

/* === SEGMENTO: BOTÓN DE COMPRA DEBAJO DEL SELECTOR === */
#bs-product-form.row.align-items-end{ display:block !important; }
#bs-product-form .form-group{ width:100% !important; margin-bottom:0.8rem; }

/* === BOTÓN CLARO EN FICHA (ESTILO INFO) === */
.bs-product .mt-3 a.btn-light{
  border-color: var(--sens-azul-borde) !important;
  background-color: var(--sens-azul) !important;
  color:#1E2A36;
}

/* === OCULTAR SKU EN FICHA DE PRODUCTO === */
.bs-product__sku{ display:none !important; }

/* === LIMPIEZA VISUAL – OCULTAR ASIDE VACÍO === */
.bs-product aside{ display:none !important; }

/* === FIX GENERAL PARA COLECCIONES SLIDER – PRECIOS Y ETIQUETAS === */
.bs-collection__with-banner .bs-collection__product-final-price{
  color: var(--sens-rosa) !important;
}
.bs-collection__with-banner .has-discount .bs-collection__product-final-price{
  color: var(--sens-violeta) !important;
}
.bs-collection__with-banner .bs-collection__product-old-price{
  color: #E30613 !important;
}
.bs-collection__with-banner .bs-collection__product-notice{
  background-color: #3C8DBC !important;
  color: #fff !important;
}
.bs-collection__with-banner .bs-collection__discount-condition{
  background-color: var(--sens-azul) !important;
  color: #fff !important;
}

/* === AJUSTE VISUAL – BAJAR DESCRIPCIÓN EN FICHA DE PRODUCTO === */
#bs-product-description{
  margin-top: 2rem !important;
}
#bs-product-description .btn-light{
  margin-bottom: 1.5rem !important;
}

/* === FICHA PRODUCTO – ESPACIO ARRIBA DE CONTENIDO DE CADA PESTAÑA === */
.bs-product-description{
  margin-top: 2rem !important;
}

/* === FOOTER (INFO EMPRESA) === */
.footer-info-empresa{ padding: 22px 12px; }
.footer-info-empresa p{ font-weight: normal; text-align: center; font-size: 1rem; }

/* === MES DEL AMOR PRODUCTO === */
.bs-mesdelamor-box{
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff0f6;
  border: 1px solid rgba(233, 30, 99, 0.25);
  max-width: 320px;
}
.bs-mesdelamor-title{ font-size: 13px; font-weight: 700; margin-bottom: 4px; color:#b0004f; }
.bs-mesdelamor-price{ font-size: 24px; font-weight: 800; line-height: 1.1; color:#e91e63; margin-bottom: 6px; }
.bs-mesdelamor-code{ font-size: 13px; color:#333; }

/* === MES DEL AMOR TARJETA === */
.bs-mesdelamor-cardbox{
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #fff0f6;
  border: 1px solid rgba(233, 30, 99, 0.20);
  display:block;
  width:100%;
  box-sizing:border-box;
}
.bs-mesdelamor-cardtitle{
  font-size: 12px;
  font-weight: 700;
  color: #b0004f;
  margin-bottom: 3px;
}
.bs-mesdelamor-cardprice{
  font-size: 18px;
  font-weight: 800;
  color: #e91e63;
  line-height: 1.1;
}
.bs-mesdelamor-cardcode{
  font-size: 11px;
  color: #444;
  margin-top:2px;
}

/* =====================================
   MES DEL AMOR — TARJETA (MÓVIL PRO)
===================================== */
@media (max-width: 576px){
  .bs-mesdelamor-cardbox{
    margin-top: 6px;
    padding: 6px 8px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    box-sizing: border-box;
  }

  .bs-mesdelamor-cardtitle{ display: none; }

  .bs-mesdelamor-cardprice{
    font-size: 15px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0;
    color: #c2185b;
  }

  .bs-mesdelamor-cardcode{
    display: block;
    font-size: 10px;
    line-height: 1.1;
    margin: 0;
    color: #555;
  }

  .bs-mesdelamor-cardcode strong{
    font-weight: 800;
  }
}


/* FIX: color relacionados */
.bs-related-products .bs-collection__product-final-price,
.bs-product-related .bs-collection__product-final-price,
.bs-product__related-products .bs-collection__product-final-price,
#bs-related-products .bs-collection__product-final-price,
#related-products .bs-collection__product-final-price{
  color: var(--sens-violeta) !important;
}
/* ======================================================
   SOLO EN FICHA DE PRODUCTO (incluye Productos Relacionados)
   No afecta HOME ni CATEGORÍAS
   ====================================================== */

/* separa tachado vs final SOLO dentro de .bs-product */
.bs-product .bs-collection__product-price .bs-collection__old-price{
  margin-bottom: 4px !important;
  display: block !important;
}

.bs-product .bs-collection__product-price .bs-collection__product-final-price{
  margin-top: 2px !important;
}

/* ======================================================
   RESTO DEL SITIO (home/categorías): se mantiene pegado
   (por si quedó algún override previo)
   ====================================================== */
body:not(.bs-product) .bs-collection__old-price{
  margin-bottom: 0 !important;
}

body:not(.bs-product) .bs-collection__product-final-price{
  margin-top: 0 !important;
}

/* SOLO producto destacado (banner): agranda el precio tachado */
.bs-collection__with-banner .bs-collection__product__special del.bs-collection__product-old-price{
  font-size: 14px !important;
  line-height: 1.2 !important;
  display: inline-block !important;
}
/* FIX: precio final del producto destacado (colección con banner) */
.bs-collection__with-banner .bs-collection__product__special .bs-collection__product-final-price{
  font-size: 22.4px !important;
}