@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap'); /* Smartwin 2026: fuentes (se puede borrar junto al bloque del final) */
@media (min-width: 768px) {
    .bs-footer__social .btn-social {
        color: rgb(255 255 255);
        background-color: #000000;
    }
}

.bs-footer__social .btn-social:hover {
    background: var(--primary-color);
    color: #a9a9a9;
}

@media (min-width: 1200px) {
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 13.666667%;
        max-width: 16.666667%;
    }
}

.bs-product__final-price {
    font-weight: var(--font-bold);
    font-size: 1em;
    line-height: 1em;
    color: #242424;
}

.bs-collection__product-notice {
    color: var(--notice-color);
    background: #F2EDE4;
    padding: var(--notice-padding);
    border-radius: var(--notice-border-radius);
    font-weight: var(--font-regular);
    display: inline-block;
    font-size: var(--font-small);
    right: 0rem;
    bottom: 0rem;
    z-index: 10;
    position: absolute;
    max-width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btn-secondary, .badge-secondary {
    background: #768379;
    border-color: #768379;
    color: var(--secondary-contrast);
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background: #1d1d1dc7;
    border-color: #1D1D1D;
    color: var(--secondary-hover-contrast);
}

.bs-collection-filter .btn-secondary {
    background-color: #768379;
    border-color: #768379;
    color: var(--secondary-contrast);
}

.bs-collection-filter .bs-filter-btn:hover {
    color: #768379;
    background: transparent;
}

.bs-product__notice {
    color: var(--notice-color);
    background: #F2EDE4;
    padding: var(--notice-padding);
    border-radius: var(--notice-border-radius);
    font-weight: var(--font-regular);
    display: inline-block;
    font-size: var(--font-small);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.multi-collection__btn .btn:hover {
    background: #F2EDE4;
}

.bs-title-background::before {
    content: " ";
    display: block;
    background: #1d1d1d;
    border-radius: var(--default-border-radius);
    opacity: 0.3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.announcement-bar {
    color: #1D1D1D;
    background: #F2EDE4;
    border-color: #F2EDE4;
    padding: 4px 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.bs-header-top .cart-items {
    background: #F2EDE4;
    color: #1d1d1d;
    border: var(--cart-items-border, 2px solid var(--header-top-bg));
}

.btn-header-social:hover {
    background: #768379;
    color: var(--primary-contrast);
    text-decoration: none;
}

a.tyc {
    color: #768379;
}

a.tyc:hover {
    color: #31301F;
}

:root {
    --img-gradient: rgb(0 0 0) 0%, rgba(0, 0, 0, 1) 60%, rgb(0 0 0 / 52%) 80%, rgb(0 0 0 / 14%) 100%;}

.btn-link {
    color: rgb(107 65 23);
    font-weight: 500;
}

.mr-2, .mx-2 {
    margin-right: .5rem !important;
    color: #768379;
    font-weight: 600;
}

/* =====================================================
   PALETA SMARTWIN 2026 · Verde bosque + hueso  (INICIO)
   Para volver atrás: borrar todo este bloque, hasta FIN.
   ===================================================== */
:root{
  --sw-carbon:#1C1C1A; --sw-carbon-2:#262624;
  --sw-hueso:#F7F5F0;  --sw-arena:#E9E4DA;
  --sw-verde:#2E4A3B;  --sw-verde-h:#243B2F;
  --sw-salvia:#A9C2AE; --sw-terra:#1C1C1A; /* descuentos en carbón (antes terracota #B4532A) */
}

/* Botón de compra (carrito en tarjetas) */
html body .btn.btn-secondary{
  background:var(--sw-verde)!important; border-color:var(--sw-verde)!important; color:#fff!important;
}
html body .btn.btn-secondary:hover, html body .btn.btn-secondary:focus{
  background:var(--sw-verde-h)!important; border-color:var(--sw-verde-h)!important; color:#fff!important;
}
html body .btn.btn-secondary.btn-sm{width:auto!important; padding:6px 12px!important; display:inline-flex!important; align-items:center; gap:6px; font-weight:600}
html body .btn.btn-secondary.btn-sm::after{content:"Agregar"}

/* "Ver más productos": acción secundaria con borde */
html body a.btn.btn-secondary{
  background:transparent!important; color:var(--sw-carbon)!important;
  border:1.5px solid var(--sw-carbon)!important; border-radius:999px!important; padding:10px 24px!important;
}
html body a.btn.btn-secondary:hover{background:var(--sw-carbon)!important; color:#fff!important}

/* Descuentos en terracota */
html body .bs-discount, html body .bs-discount.template{background:var(--sw-terra)!important; color:#fff!important}
html body .sw-hero .sw-pg-bd{background:var(--sw-terra)!important; color:#fff!important}
html body .sw-hero .sw-pg-bd *{color:#fff!important}

/* Portada */
html body .sw-hero{background:var(--sw-carbon)!important}
html body .sw-hero a.sw-hero-wa.sw-shop{background:var(--sw-verde)!important; border-color:var(--sw-verde)!important; color:#fff!important}
html body .sw-hero a.sw-hero-wa.sw-shop:hover{background:var(--sw-verde-h)!important}
html body .sw-hero em, html body .sw-hero .sw-hero-eb, html body .sw-hero .sw-hn, html body .sw-hero .sw-hero-t b, html body .sw-hero .sw-of-go,
html body .sw-hero .sw-pg-vc, html body .sw-hero .k, html body .sw-hero small{color:var(--sw-salvia)!important}
html body .sw-hero a.sw-of.on{background:var(--sw-verde)!important; border-color:var(--sw-verde)!important; color:#fff!important}
html body .sw-hero .sw-of-tg{background:var(--sw-verde)!important; color:#fff!important}
html body .sw-hero .sw-hero-t{background-color:var(--sw-carbon-2)!important}

/* Barra de anuncios, beneficios y negros */
html body .sw-ann, html body .bs-header-top{background:var(--sw-carbon)!important}
html body .sw-ann b{color:var(--sw-salvia)!important}
html body .sw-benef{background:var(--sw-carbon-2)!important}
html body .sw-ft, html body .sw-ft-card, html body .sw-shw-map{background-color:var(--sw-carbon)!important}
html body .sw-ft-map{color:var(--sw-salvia)!important}

/* Menú y contador del carro */
html body #swmm, html body header.bs-header{background:var(--sw-hueso)!important; border-bottom:1px solid var(--sw-arena)}
html body #swmm-cart, html body #swmm .tag{background:var(--sw-verde)!important; color:#fff!important}

/* Menú: variables propias del componente */
html body #swmm{--gold:#2E4A3B; --gold-d:#2E4A3B; --beige:#F7F5F0; --line:#E9E4DA}
/* Sección activa del menú (el color lo pone un script, por eso se fuerza aquí) */
html body #swmm a[style*="168, 133, 77"], html body #swmm a[style*="168, 133, 77"] *, html body #swmm [style*="a8854d"]{color:var(--sw-verde)!important}

/* Botón principal (ficha de producto: "Agregar al carro", formularios) */
html body .btn.btn-primary{background:var(--sw-verde)!important; border-color:var(--sw-verde)!important; color:#fff!important}
html body .btn.btn-primary:hover, html body .btn.btn-primary:focus{background:var(--sw-verde-h)!important; border-color:var(--sw-verde-h)!important}
/* Botones ? / + de cantidad: neutros */
html body .btn.btn-secondary.px-2{background:var(--sw-carbon)!important; border-color:var(--sw-carbon)!important}

/* Íconos y textos que eran dorados */
html body #sw-ann b, html body .sw-ann b{color:var(--sw-salvia)!important}
html body .sw-hero .ic, html body .sw-hero .ic *{color:var(--sw-salvia)!important; stroke:var(--sw-salvia)!important}
html body #sw-benef i, html body .sw-benef i{color:var(--sw-salvia)!important}
html body .sw-ft a.sw-ft-map, html body .sw-ft i{color:var(--sw-salvia)!important}
html body .sw-feat .k, html body .sw-feat small{color:var(--sw-salvia)!important}

/* Estados al pasar el mouse (antes dorados) */
html body .sw-feat a:hover .bt{background:var(--sw-verde)!important; color:#fff!important; border-color:var(--sw-verde)!important}
html body .sw-hero .sw-of:hover{background:var(--sw-verde)!important; border-color:var(--sw-verde)!important; color:#fff!important}
html body .sw-hero .sw-hero-t.sw-pg:hover .sw-pg-go{background:var(--sw-verde)!important; color:#fff!important; border-color:var(--sw-verde)!important}

/* Franjas claras */
html body .sw-cvh, html body .bs-subscription, html body .announcement-bar{background:var(--sw-hueso)!important}
/* ---------- TIPOGRAFÍA (manual de marca) ---------- */
/* IMPORTANTE: esta línea debe ir en la PRIMERA línea de modificaciones.css (un @import al final no funciona):
   @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
*/
@font-face{
  font-family:'Pogonia';
  src:url('https://dojiw2m9tvv09.cloudfront.net/92667/1/pogonia-bold.woff') format('woff'), url('https://dojiw2m9tvv09.cloudfront.net/92667/1/Pogonia-Bold.otf') format('opentype'); /* usa el .woff (liviano) si existe; si no, el .otf */
  font-weight:700; font-display:swap;
}
/* Textos, precios, botones y menú: Montserrat */
html body *:not(i):not(svg):not(path):not([class*='fa-']){font-family:'Montserrat',sans-serif!important}
/* Títulos: Pogonia */
html body h1:not(#x), html body h2:not(#x), html body .sw-feat h3:not(#x), html body h4.bs-subscription__title:not(#x),
html body h1:not(#x) *:not(em), html body h2:not(#x) *:not(em), html body .sw-feat h3:not(#x) *:not(em), html body h4.bs-subscription__title:not(#x) *:not(em){
  font-family:'Pogonia','Montserrat',sans-serif!important; font-weight:700!important; letter-spacing:-0.01em;
}
/* Palabra destacada de la portada: serif cursiva */
html body .sw-hero h1 em:not(#x){font-family:'Playfair Display',serif!important; font-style:italic!important; font-weight:500!important}

/* Ajustes celular: carrito solo con ícono y precios en una línea */
@media (max-width: 767.98px){
  html body .btn.btn-secondary.btn-sm::after{content:none!important}
  html body .btn.btn-secondary.btn-sm{padding:6px 10px!important; gap:0!important}
  html body .bs-collection__price-row, html body .bs-collection__price-row *{white-space:nowrap}
  html body .bs-collection__product-price{min-width:0}
  html body .sw-caja-tag{font-size:11px!important; white-space:nowrap; letter-spacing:-0.01em}
  html body .bs-collection__price-btn{gap:6px}
}
@media (max-width: 374px){ html body .sw-caja-tag{white-space:normal} }
/* Barra fija "Agregar al carro" en la ficha (celular) */
html body .sw-sticky button{background:var(--sw-verde)!important; border-color:var(--sw-verde)!important; color:#fff!important}

/* Filtro de precio: línea fina y tiradores redondos */
html body .noUi-target.noUi-horizontal{height:4px!important; background:var(--sw-arena)!important; border:0!important; box-shadow:none!important; border-radius:999px!important; margin:14px 10px!important}
html body .noUi-target .noUi-connects{border-radius:999px!important}
html body .noUi-target .noUi-connect{background:var(--sw-verde)!important}
html body .noUi-horizontal .noUi-handle{width:20px!important; height:20px!important; top:-8px!important; right:-10px!important; border-radius:50%!important; background:#fff!important; border:2px solid var(--sw-verde)!important; box-shadow:0 1px 3px rgba(0,0,0,.18)!important; cursor:pointer}
html body .noUi-handle::before, html body .noUi-handle::after{display:none!important}
html body .noUi-handle:focus-visible{outline:2px solid var(--sw-verde); outline-offset:2px}

/* Fichas de producto: restos del dorado y verdes antiguos */
/* sobre fondo oscuro -> salvia claro */
html body .sw-ms-intro b, html body .sw-wx-cut .ok h3, html body .sw-mo-cut .ok h3, html body .sw-sp-cut .ok h3,
html body .sw-wc-row label b, html body .sw-el-bar label b{color:var(--sw-salvia)!important}
html body .sw-wx-cut .ok .sw-wx-pr{box-shadow:inset 0 0 0 2px var(--sw-salvia)!important}
html body .sw-el-bar.pg .fl{background:var(--sw-salvia)!important}
/* sobre fondo claro -> verde bosque */
html body .sw-el-ben i, html body .sw-el-faq summary::after, html body .sw-el-steps div::before,
html body .sw-clipcalc a, html body .sw-ti .cat{color:var(--sw-verde)!important}
html body .sw-bb-tip{border-left-color:var(--sw-verde)!important}
html body .sw-ox b, html body .sw-oxp{color:var(--sw-carbon)!important}
/* verdes de otro tono -> verde bosque */
html body .sw-ms-cmp th.sw{background:var(--sw-verde)!important}
html body .sw-ms-cmp td.sw, html body .sw-ms-cmp td.sw::before, html body .sw-ms-gar strong,
html body .sw-suc li.ok i, html body .sw-suc li.ok b,
html body .bs-stock-box .bs-product__stock, html body .bs-stock-modal .bs-table td:last-child,
html body .bs-collection__discount-condition, html body .bs-collection__discount-condition b{color:var(--sw-verde)!important}
/* etiquetas sobre la foto: hueso en vez de crema */
html body .bs-collection__product-notice, html body .bs-product__notice{background:var(--sw-hueso)!important}

/* Verde #2F5D3A de componentes -> verde bosque */
html body .sw-mx-card button, html body .sw-calc .sw-btn, html body .sw-vol .sw-vol-tag{background:var(--sw-verde)!important}
html body .sw-m2 b, html body .sw-ret-banner a, html body .sw-mx-trust, html body .sw-caja-note, html body .sw-caja-tag, html body .sw-caja-cart,
html body .sw-ig-hd a, html body .sw-retiro a, html body .sw-calc .sw-wa, html body .sw-comp .sw-comp-card .sw-comp-match,
html body .sw-comp .sw-comp-all, html body .sw-vol .sw-vol-save{color:var(--sw-verde)!important}
html body .sw-vol{border-color:var(--sw-verde)!important}
html body .sw-comp .sw-comp-card:hover{border-color:var(--sw-verde)!important}

/* Avisos (solo retiro, quedan pocos): hueso con borde carbón en vez de amarillo */
html body .sw-ret-banner, html body .sw-ret-badge, html body .sw-retiro, html body .badge.badge-alert{background:var(--sw-hueso)!important; border:1px solid var(--sw-carbon)!important; color:var(--sw-carbon)!important}
html body .sw-ret-banner *:not(a), html body .sw-ret-badge *, html body .sw-retiro *:not(a), html body .badge.badge-alert *{color:var(--sw-carbon)!important}
html body .sw-retiro a, html body .sw-ret-banner a{color:var(--sw-verde)!important}

/* Tarjetas con precio por volumen: que "desde 10 un." no se corte */
@media (min-width:768px){ html body .bs-collection__discount-condition{white-space:nowrap!important; font-size:11.5px!important} }
@media (min-width:768px) and (max-width:1399.98px){
  html body .btn.btn-secondary.btn-sm::after{content:none!important}
  html body .btn.btn-secondary.btn-sm{padding:6px 10px!important; gap:0!important}
}
html body .bs-collection__product:has(.bs-collection__discount-condition b) .btn.btn-secondary.btn-sm::after, html body .bs-collection__product:has(.sw-caja-tag) .btn.btn-secondary.btn-sm::after{content:none!important}
html body .bs-collection__product:has(.bs-collection__discount-condition b) .btn.btn-secondary.btn-sm, html body .bs-collection__product:has(.sw-caja-tag) .btn.btn-secondary.btn-sm{padding:6px 10px!important; gap:0!important}

/* Menú en pantallas medianas (992–1499 px): que quepa con Montserrat */
@media (min-width:992px) and (max-width:1499.98px){ html body #swmm nav > ul > li > a{font-size:13.5px!important; padding:10px 8px!important} }
@media (min-width:992px) and (max-width:1399.98px){ html body #swmm nav > ul > li > a{font-size:13px!important; padding:10px 6px!important} }
@media (min-width:992px) and (max-width:1149.98px){ html body #swmm nav > ul > li > a{font-size:12px!important; padding:10px 5px!important; letter-spacing:-0.01em} }
@media (min-width:992px) and (max-width:1079.98px){ html body #swmm nav > ul > li > a{font-size:11.5px!important; padding:10px 3px!important} }
@media (min-width:992px) and (max-width:1019.98px){ html body #swmm nav > ul > li > a{font-size:11px!important; padding:10px 2px!important} }

/* Tarjetas ordenadas: precio justo bajo el nombre y alineado entre tarjetas; carrito abajo */
html body .bs-collection__product{grid-template-rows:auto auto 1fr!important}
html body .bs-collection__product-title .sw-ct-col{min-height:2.4em; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
html body .bs-collection__price-btn{align-items:end}
html body .bs-collection__product-price{align-self:start!important}
@media (min-width:768px){ html body .bs-collection__product-title{min-height:57px} }
/* Segunda selección en tarjetas: solo la etiqueta "+X% extra" (el "Precio oferta" queda en la ficha) */
html body .bs-collection__product .sw-ox span{display:none!important}
html body .bs-collection__product .sw-ox{margin-top:6px}

/* Precio por volumen en celular: destacado en un recuadro verde a todo el ancho de la tarjeta */
@media (max-width:767.98px){
  html body .bs-collection__product:not(:has(.sw-caja-tag)) .bs-collection__price-btn{display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; column-gap:6px!important; align-items:center!important}
  html body .bs-collection__product:not(:has(.sw-caja-tag)) .bs-collection__price-btn > .bs-collection__product-price{display:contents!important}
  html body .bs-collection__product:not(:has(.sw-caja-tag)) .bs-collection__price-btn > .btn.btn-secondary.btn-sm{grid-column:2; grid-row:1 / span 2; align-self:start}
  html body .bs-collection__product:not(:has(.sw-caja-tag)) .bs-collection__price-btn .bs-collection__price-row, html body .bs-collection__product:not(:has(.sw-caja-tag)) .bs-collection__price-btn .bs-collection__ppum-line{grid-column:1; min-width:0}
  html body .bs-collection__product:not(:has(.sw-caja-tag)) .bs-collection__price-btn .bs-collection__price-row{flex-wrap:wrap!important; white-space:normal!important}
  html body .bs-collection__product:not(:has(.sw-caja-tag)) .bs-collection__price-btn .bs-collection__discount-condition:not(:empty){grid-column:1 / -1!important; display:block!important; margin-top:6px!important; padding:5px 8px!important; border-radius:6px!important; background:#E8EFE9!important; color:var(--sw-verde)!important; font-size:12.5px!important; line-height:1.25!important; white-space:normal!important; height:auto!important}
  html body .bs-collection__product:not(:has(.sw-caja-tag)) .bs-collection__price-btn .bs-collection__discount-condition b{display:block!important; font-size:15px!important; font-weight:800!important; white-space:nowrap; margin-bottom:1px}
}

/* =====================================================
   PALETA SMARTWIN 2026 · Verde bosque + hueso  (FIN)
   ===================================================== */