:root{
  --ink:#171313;
  --cream:#f7f3ef;
  --rose:#b66a72;
  --rose-dark:#8e4d55;
  --muted:#726a67;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}
h1,h2,h3,.brand{font-family:"Playfair Display",serif}
a{text-decoration:none}
.announcement-bar{background:var(--ink);color:#fff;text-align:center;padding:.55rem 1rem;font-size:.82rem;letter-spacing:.04em}
.navbar-brand.brand,.brand{font-size:1.55rem;font-weight:700;letter-spacing:.08em;color:var(--ink)}
.brand span{display:block;font-family:"DM Sans",sans-serif;font-size:.55rem;letter-spacing:.35em;margin-left:.22em}
.nav-link{font-weight:600;font-size:.92rem}
.nav-link:hover,.nav-link.active{color:var(--rose)!important}
.icon-btn,.cart-btn{border:1px solid #ddd;background:#fff;padding:.55rem .85rem;border-radius:999px}
.cart-btn span{background:var(--ink);color:#fff;border-radius:99px;padding:.1rem .45rem;margin-left:.25rem;font-size:.75rem}
.min-vh-75{min-height:75vh}
.hero{background:linear-gradient(110deg,#fbf8f5 0%,#f6eee9 100%);overflow:hidden;padding:3rem 0}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700;color:var(--rose-dark)}
.hero h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.94;margin:1rem 0 1.5rem;max-width:750px}
.hero p{font-size:1.15rem;color:var(--muted);max-width:540px;margin-bottom:2rem}
.hero-image-wrap{position:relative;max-width:530px;margin:auto}
.hero-image{width:100%;height:650px;object-fit:cover;border-radius:220px 220px 18px 18px}
.floating-card{position:absolute;left:-35px;bottom:35px;background:#fff;padding:1.1rem 1.3rem;box-shadow:0 16px 45px rgba(0,0,0,.13);display:grid;min-width:210px}
.floating-card small{color:var(--muted)}.floating-card strong{font-family:"Playfair Display";font-size:1.25rem}.floating-card span{color:var(--rose-dark);font-weight:700}
.benefits{background:#fff}
.benefit-item{padding:1.5rem}.benefit-item:not(:last-child){border-right:1px solid #eee}
.benefit-item strong,.benefit-item span{display:block}.benefit-item span{color:var(--muted);font-size:.88rem}
.section-space{padding:6rem 0}
.section-heading{max-width:680px;margin:0 auto 3rem}
.section-heading h2,.newsletter h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:.65rem 0}
.section-heading p{color:var(--muted)}
.collection-card{display:block;position:relative;overflow:hidden;height:520px;color:#fff}
.collection-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.75))}
.collection-card img{width:100%;height:100%;object-fit:cover;transition:.6s}
.collection-card:hover img{transform:scale(1.045)}
.collection-card div{position:absolute;left:1.7rem;bottom:1.5rem;z-index:2}
.collection-card span{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em}.collection-card h3{font-size:2.1rem}
.bg-soft{background:var(--cream)}
.filter-btn{border:1px solid #d8cfca;background:transparent;border-radius:999px;padding:.55rem 1.15rem;font-weight:600}
.filter-btn.active,.filter-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.product-card{background:#fff;height:100%;position:relative;transition:.25s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(0,0,0,.08)}
.product-image-wrap{position:relative;overflow:hidden;background:#eee}
.product-image{width:100%;aspect-ratio:3/4;object-fit:cover;transition:.5s}
.product-card:hover .product-image{transform:scale(1.03)}
.product-badge{position:absolute;left:12px;top:12px;background:#fff;padding:.28rem .55rem;font-size:.7rem;font-weight:700}
.quick-view{position:absolute;bottom:12px;left:12px;right:12px;opacity:0;transform:translateY(8px);transition:.25s}
.product-card:hover .quick-view{opacity:1;transform:none}
.product-info{padding:1.1rem}
.product-info h3{font-family:"DM Sans";font-size:1rem;margin:0 0 .35rem}
.product-category{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.product-price{font-weight:700;color:var(--rose-dark)}
.add-cart{border:none;background:var(--ink);color:#fff;padding:.62rem;width:100%;margin-top:.8rem}
.promo-box{background:var(--rose-dark);color:#fff;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.promo-box .eyebrow{color:#f7dfe2}.promo-box h2{font-size:clamp(2rem,4vw,3.5rem);max-width:800px;margin:.6rem 0}
.about-image{width:100%;height:600px;object-fit:cover}
.text-link{font-weight:700;color:var(--rose-dark)}
.newsletter{background:#f3e8e7}
.newsletter-form{display:flex;max-width:600px;gap:.6rem;margin-top:2rem}
.newsletter-form .form-control{min-height:52px;border-radius:0}
.newsletter-form .btn{border-radius:0;padding-inline:1.5rem}
.footer{background:#171313;color:#d8d2cf;padding:4rem 0 1.5rem}
.footer h6{color:#fff;margin-bottom:1rem}.footer a{color:#d8d2cf;display:block;margin:.45rem 0}.footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid #393333;margin-top:3rem;padding-top:1.5rem;font-size:.85rem}
.whatsapp-float{position:fixed;right:20px;bottom:20px;width:54px;height:54px;background:#25d366;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800;z-index:1040;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:.8rem;padding:1rem 0;border-bottom:1px solid #eee}
.cart-item img{width:72px;height:92px;object-fit:cover}.cart-item h6{margin:0}.cart-item small{color:var(--muted)}
.remove-btn{border:0;background:transparent;font-size:1.2rem}.cart-summary{border-top:1px solid #ddd;padding-top:1rem}
.modal-product-image{width:100%;height:570px;object-fit:cover}
.modal-product-info{padding:2.5rem}
.size-option{border:1px solid #ccc;background:#fff;padding:.45rem .75rem;margin-right:.35rem}
@media(max-width:991px){
  .hero{padding-top:2rem}.hero-image{height:520px}.floating-card{left:10px}
  .benefit-item:not(:last-child){border-right:0;border-bottom:1px solid #eee}
}
@media(max-width:767px){
  .section-space{padding:4rem 0}.hero h1{font-size:3.3rem}.hero-image{height:470px}
  .collection-card{height:430px}.promo-box{display:block;padding:2rem}.promo-box .btn{margin-top:1rem}
  .newsletter-form{display:grid}.about-image{height:450px}.modal-product-image{height:420px}
}

/* ===== Cabecera estilo boutique ===== */
:root{
  --pink-main:#df5872;
  --pink-soft:#f4d5d2;
  --pink-nav:#eb7890;
  --pink-deep:#d84f6b;
  --banner-pink:#f6d3ea;
  --cream-panel:#f7ebdf;
}

.welcome-bar{
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--pink-main);
  color:#fff;
  font-size:.95rem;
  letter-spacing:.02em;
}

.social-strip{
  background:var(--pink-soft);
  min-height:40px;
}
.social-strip-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:40px;
}
.social-icons{
  display:flex;
  gap:14px;
}
.social-icons a{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:#ef6d89;
  font-weight:800;
  transition:.2s ease;
}
.social-icons a:hover{transform:translateY(-2px);background:#df5872}
.catalog-link{
  color:#222;
  font-size:.8rem;
  letter-spacing:.06em;
  border-right:1px solid rgba(0,0,0,.08);
  padding-right:12px;
}

.boutique-header{
  background:#fff;
  position:relative;
  z-index:20;
}
.logo-area{
  min-height:145px;
  display:grid;
  place-items:center;
}
.boutique-logo{
  display:grid;
  justify-items:center;
  color:#ee718b;
  line-height:1;
}
.logo-flower{
  font-size:2.2rem;
  transform:rotate(180deg);
  margin-bottom:.15rem;
}
.boutique-logo strong{
  font-family:"Playfair Display",serif;
  font-size:3rem;
  font-weight:600;
}
.boutique-logo small{
  margin-top:.35rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
}

.shop-toolbar{
  background:var(--pink-nav);
}
.toolbar-grid{
  display:grid;
  grid-template-columns:250px minmax(280px,1fr) 320px;
  align-items:stretch;
  min-height:55px;
}
.category-trigger,.toolbar-cart{
  border:0;
  color:#fff;
  background:rgba(0,0,0,.07);
}
.category-trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  font-weight:800;
  letter-spacing:.02em;
}
.category-trigger b{font-size:1.2rem}
.toolbar-search{
  display:flex;
  align-items:center;
  padding:8px 12px;
}
.toolbar-search input{
  width:100%;
  height:38px;
  border:0;
  border-radius:3px 0 0 3px;
  padding:0 16px;
  outline:none;
  font-size:.9rem;
}
.toolbar-search button{
  width:44px;
  height:38px;
  border:0;
  background:#fff;
  color:var(--pink-deep);
  font-size:1.25rem;
}
.toolbar-cart{
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  padding:0 18px;
}
.toolbar-cart .cart-square{
  width:46px;
  height:38px;
  border-radius:3px;
  display:grid;
  place-items:center;
  background:rgba(190,43,75,.35);
}
.toolbar-cart strong,.toolbar-cart small{display:block}
.toolbar-cart strong{font-size:.82rem;letter-spacing:.08em}
.toolbar-cart small{font-size:.78rem;color:#fff}

.season-banner{
  position:relative;
  height:182px;
  overflow:hidden;
  background:
    radial-gradient(circle at 5% 0%,rgba(255,255,255,.48) 0 16%,transparent 16.5%),
    linear-gradient(8deg,#f1bce1 0 19%,transparent 19.5%),
    linear-gradient(-5deg,transparent 0 52%,#edb5dc 52.5% 64%,transparent 64.5%),
    var(--banner-pink);
  border-top:18px solid #fff;
}
.season-copy{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-51%);
  display:grid;
  justify-items:center;
  line-height:.75;
  color:#ec3d9d;
  z-index:3;
}
.season-copy span{
  font-family:"Playfair Display",serif;
  font-style:italic;
  font-size:3.7rem;
  font-weight:600;
}
.season-copy strong{
  font-family:"Playfair Display",serif;
  font-size:5rem;
  font-weight:600;
}
.season-tree{
  position:absolute;
  bottom:0;
  width:90px;
  height:160px;
}
.tree-left{left:21%}
.tree-right{right:22%}
.season-tree:before{
  content:"";
  position:absolute;
  left:43px;
  bottom:0;
  width:4px;
  height:130px;
  background:#df1685;
}
.season-tree i{
  position:absolute;
  width:50px;
  height:62px;
  border-radius:55% 45% 55% 45%;
  background:#f69440;
}
.season-tree i:nth-child(1){top:0;left:20px}
.season-tree i:nth-child(2){top:52px;left:0;background:#ec7bc2}
.season-tree i:nth-child(3){top:60px;right:0;background:#f58aa9}
.girl-illustration{
  position:absolute;
  left:32%;
  bottom:0;
  width:120px;
  height:155px;
  z-index:2;
}
.girl-head{
  position:absolute;
  left:38px;
  top:5px;
  width:54px;
  height:54px;
  border-radius:50%;
  background:#f4c6a7;
  display:grid;
  place-items:center;
  font-size:1.4rem;
  color:#6d352c;
  box-shadow:0 -8px 0 5px #3a211f;
}
.girl-body{
  position:absolute;
  left:25px;
  bottom:0;
  width:80px;
  height:100px;
  border-radius:35px 35px 4px 4px;
  background:repeating-linear-gradient(0deg,#1f2943 0 8px,#fff 8px 11px);
}
.coffee{
  position:absolute;
  right:0;
  top:70px;
  font-size:1.8rem;
}
.leaf{position:absolute;font-size:1.6rem}
.leaf-a{left:28%;top:22px}
.leaf-b{right:31%;top:22px}
.leaf-c{right:10%;top:48px}

.brand-feature{
  background:var(--cream-panel);
  padding:25px 50px 60px;
}
.feature-frame{
  min-height:360px;
  border:2px solid #2c2927;
  display:grid;
  grid-template-columns:1fr 2fr 1fr;
  align-items:center;
  padding:40px;
  background:#f9ecdf;
}
.feature-copy{
  display:grid;
  justify-items:center;
  text-align:center;
  color:#111;
}
.feature-copy span{
  font-size:clamp(2rem,4vw,4rem);
  font-weight:300;
}
.feature-copy strong{
  border:2px solid #222;
  border-radius:999px;
  padding:8px 42px;
  font-family:"Playfair Display",serif;
  font-size:clamp(2rem,4.3vw,4.2rem);
  line-height:1.1;
  white-space:nowrap;
}
.feature-copy b{
  font-size:clamp(2.4rem,5vw,5rem);
  font-weight:300;
}
.hand-line{
  font-size:8rem;
  font-family:serif;
  font-weight:300;
}
.hand-left{text-align:right;transform:rotate(8deg)}
.hand-right{text-align:left;transform:rotate(-8deg)}

@media(max-width:991px){
  .toolbar-grid{grid-template-columns:190px 1fr 230px}
  .season-copy span{font-size:3rem}
  .season-copy strong{font-size:4rem}
  .girl-illustration{left:25%}
  .tree-left{left:8%}
  .tree-right{right:8%}
  .feature-frame{grid-template-columns:1fr;padding:30px 20px}
  .hand-line{display:none}
}
@media(max-width:767px){
  .social-strip-inner{padding:4px 12px}
  .catalog-link{font-size:.68rem}
  .logo-area{min-height:115px}
  .boutique-logo strong{font-size:2.35rem}
  .toolbar-grid{grid-template-columns:1fr}
  .category-trigger,.toolbar-cart{min-height:48px}
  .toolbar-search{order:3;background:var(--pink-nav)}
  .season-banner{height:190px}
  .season-copy{left:58%}
  .season-copy span{font-size:2.35rem}
  .season-copy strong{font-size:3.3rem}
  .girl-illustration{left:8%;transform:scale(.85);transform-origin:bottom}
  .tree-left{display:none}
  .tree-right{right:2%;transform:scale(.8);transform-origin:bottom}
  .brand-feature{padding:18px}
  .feature-frame{min-height:260px;padding:24px 12px}
  .feature-copy strong{white-space:normal;padding:8px 20px}
}


/* ===== Menú desplegable de categorías ===== */
.category-menu-wrap{position:relative;min-width:0}
.category-menu-wrap .category-trigger{width:100%;height:100%}
.category-mega-menu{
  position:absolute;
  top:100%;
  left:0;
  width:575px;
  display:grid;
  grid-template-columns:230px 1fr;
  background:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  opacity:0;
  visibility:hidden;
  transform:translateY(-7px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  z-index:1000;
}
.category-mega-menu.open{opacity:1;visibility:visible;transform:none}
.category-list{max-height:610px;overflow:auto;background:#fff;border-right:1px solid #e8e8e8}
.category-row{
  width:100%;min-height:44px;border:0;border-bottom:1px solid #eee;background:#fff;
  display:flex;align-items:center;justify-content:space-between;padding:0 14px;
  color:#444;font-size:.82rem;letter-spacing:.055em;text-align:left
}
.category-row:hover,.category-row.active{background:#f4f4f4;color:#ef8618}
.category-row b{font-size:1.65rem;line-height:1;font-weight:400;color:#333}
.category-row.active b{color:#ef8618}
.category-submenus{position:relative;min-height:250px;background:#fff}
.category-submenu{
  display:none;grid-template-columns:1fr 1fr;align-content:start;gap:0;
  padding:10px 14px 18px
}
.category-submenu.active{display:grid}
.category-submenu a{
  color:#444;padding:9px 4px;border-right:1px solid transparent;
  font-size:.78rem;letter-spacing:.035em;text-transform:uppercase
}
.category-submenu a:hover{color:var(--pink-deep);background:#fff7f8}
.category-menu-backdrop{display:none}

@media(max-width:767px){
  .category-menu-wrap{
    position:static;
  }

  .category-mega-menu{
    position:absolute;
    left:0;
    right:0;
    top:48px;
    width:100%;
    display:block;
    grid-template-columns:none;
    max-height:75vh;
    overflow-y:auto;
    overflow-x:hidden;
    background:#fffdf8;
    -webkit-overflow-scrolling:touch;
  }

  .category-list{
    max-height:none;
    width:100%;
    border-right:0;
  }

  .category-submenus{
    display:none;
  }

  .category-row{
    min-height:50px;
    padding:0 18px;
    touch-action:manipulation;
  }

  .category-row b{
    transition:transform .25s ease;
  }

  .category-row.mobile-open b{
    transform:rotate(90deg);
    color:#b9822c;
  }

  .category-submenu.mobile-accordion-panel{
    display:none;
    width:100%;
    min-height:0;
    grid-template-columns:1fr;
    padding:4px 18px 12px;
    background:#faf7f1;
    border-bottom:1px solid rgba(185,133,47,.18);
  }

  .category-submenu.mobile-accordion-panel.active{
    display:grid;
  }

  .category-submenu.mobile-accordion-panel a{
    display:block;
    width:100%;
    padding:13px 10px;
    border-bottom:1px solid rgba(0,0,0,.07);
    font-size:.79rem;
    line-height:1.35;
  }

  .category-submenu.mobile-accordion-panel a:last-child{
    border-bottom:0;
  }
}


/* ===== Slider principal de 3 imágenes ===== */
.boutique-slider-section{background:#fff;padding:0 0 18px;overflow:hidden}
.boutique-slider{width:100%;position:relative}
.boutique-slide{height:clamp(440px,42vw,690px);position:relative;overflow:hidden}
.boutique-slide-auclair{background:#f7eadf;color:#111}
.slide-outline{position:absolute;inset:18px 3%;border:2px solid #202020;pointer-events:none}
.slider-copy{position:absolute;z-index:5;text-align:center}
.auclair-copy{top:8%;left:50%;transform:translateX(-50%);display:grid;justify-items:center;line-height:1.05}
.auclair-copy span{font-size:clamp(1.7rem,3vw,3.9rem);font-weight:300}
.auclair-copy strong{font-family:"Playfair Display",serif;font-size:clamp(2.2rem,4.4vw,5.2rem);border:2px solid #111;border-radius:999px;padding:.25em .75em;white-space:nowrap;background:rgba(247,234,223,.86)}
.auclair-copy b{font-size:clamp(2.5rem,5vw,5.5rem);font-weight:300;margin-top:.1em}
.slider-hand{position:absolute;z-index:4;top:8%;font-size:clamp(5rem,10vw,11rem);font-family:serif;font-weight:300;line-height:1}
.slider-hand-left{left:8%;transform:rotate(7deg)}
.slider-hand-right{right:8%;transform:rotate(-7deg)}
.slider-bubble{position:absolute;z-index:4;width:150px;height:150px;border:2px solid #111;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:1.1rem;line-height:1.05;background:rgba(247,234,223,.86)}
.slider-bubble strong{font-size:1.3rem}
.bubble-sale{left:14%;top:46%}
.bubble-new{left:21%;bottom:3%}
.bubble-imported{right:15%;top:50%}
.package-art{position:absolute;left:50%;bottom:-12%;transform:translateX(-50%);width:min(620px,50vw);height:52%;z-index:3}
.box{position:absolute;display:block;border:3px solid #111;background:#f8ecdf;box-shadow:inset -20px -14px 0 rgba(0,0,0,.025)}
.box:before{content:"";position:absolute;left:10%;right:10%;top:14%;border-top:9px solid #111}
.box-one{left:3%;bottom:2%;width:38%;height:78%;transform:skewY(8deg)}
.box-two{right:3%;bottom:6%;width:38%;height:72%;transform:skewY(-7deg)}
.box-three{left:35%;bottom:0;width:35%;height:55%}
.bag{position:absolute;z-index:3;bottom:0;font-size:9rem;line-height:.7;font-family:serif}
.bag-one{left:18%}.bag-two{right:16%;font-size:7rem}
.boutique-slide-image{width:100%;height:100%;object-fit:cover;display:block}
.boutique-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,11,12,.72) 0%,rgba(20,11,12,.35) 42%,rgba(20,11,12,.08) 72%)}
.boutique-slide-overlay-soft{background:linear-gradient(270deg,rgba(31,14,18,.75) 0%,rgba(31,14,18,.36) 43%,rgba(31,14,18,.04) 74%)}
.photo-copy{left:10%;top:50%;transform:translateY(-50%);text-align:left;color:#fff;max-width:600px}
.photo-copy-right{left:auto;right:10%;text-align:right}
.photo-copy span{font-size:clamp(.9rem,1.3vw,1.15rem);letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.photo-copy strong{display:block;font-family:"Playfair Display",serif;font-size:clamp(3rem,6vw,6.8rem);line-height:.88;margin:.18em 0 .35em}
.slider-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:#fff;color:#181313;font-weight:800;letter-spacing:.04em;transition:.25s ease}
.slider-cta:hover{background:#ef7890;color:#fff;transform:translateY(-2px)}
.boutique-slider-control{width:5%;opacity:1}
.boutique-arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(24,24,24,.68);color:#fff;font-size:2rem;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.boutique-slider-indicators{bottom:14px;gap:6px;margin-bottom:0}
.boutique-slider-indicators [data-bs-target]{width:8px;height:8px;border-radius:50%;border:0;background:#fff;opacity:.55}
.boutique-slider-indicators .active{opacity:1;background:#e85e7d}
@media(max-width:991px){
  .slider-hand{font-size:6rem}.slider-hand-left{left:3%}.slider-hand-right{right:3%}
  .slider-bubble{width:115px;height:115px;font-size:.9rem}.slider-bubble strong{font-size:1rem}
  .bubble-sale{left:7%}.bubble-new{left:12%}.bubble-imported{right:7%}
  .package-art{width:62vw}
}
@media(max-width:767px){
  .boutique-slide{height:500px}
  .slide-outline{inset:10px}
  .auclair-copy{top:9%;width:88%}
  .auclair-copy strong{white-space:normal;font-size:2.4rem;padding:.25em .55em}
  .auclair-copy span{font-size:1.5rem}.auclair-copy b{font-size:3rem}
  .slider-hand{display:none}.slider-bubble{width:92px;height:92px;font-size:.72rem}.slider-bubble strong{font-size:.82rem}
  .bubble-sale{left:4%;top:52%}.bubble-new{left:10%;bottom:5%}.bubble-imported{right:4%;top:54%}
  .package-art{width:80vw;height:42%;bottom:-6%}.bag{font-size:6rem}.bag-two{font-size:5rem}
  .photo-copy,.photo-copy-right{left:8%;right:8%;text-align:left;max-width:none}
  .photo-copy strong{font-size:3.8rem}
  .boutique-slider-control{width:10%}
}


/* ===== Cuadrícula visual de categorías ===== */
.category-showcase{padding:30px 0 70px;background:#fff}
.category-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.category-tile{position:relative;border:0;background:#eee;padding:0;overflow:hidden;min-height:430px;cursor:pointer;text-align:left}
.category-tile img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;transition:transform .45s ease,filter .3s ease}
.category-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.22));pointer-events:none}
.category-tile span{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);z-index:2;background:#fff;color:#111;padding:10px 16px;font-size:.95rem;letter-spacing:.035em;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.category-tile:hover img{transform:scale(1.045);filter:saturate(1.05)}
.category-tile:focus-visible{outline:3px solid var(--pink-main);outline-offset:3px}
.category-detail{padding:55px 0 80px;background:#fff}
.category-detail[hidden]{display:none!important}
.category-detail-header{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid #e7e1dd;padding-bottom:18px;margin-bottom:34px}
.category-detail-header h2{font-size:clamp(2.2rem,4vw,4rem);margin:.2rem 0 0}
.category-back{border:1px solid #d9d1cd;background:#fff;padding:11px 16px;font-weight:700;transition:.2s}
.category-back:hover{background:#171313;color:#fff;border-color:#171313}
.category-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.category-product-card{background:#fff;border:1px solid #eee;transition:.25s}
.category-product-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.08)}
.category-product-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.category-product-info{padding:14px}
.category-product-info small{display:block;color:#887e79;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem}
.category-product-info h3{font-family:"DM Sans",sans-serif;font-size:1rem;margin:.35rem 0}
.category-product-info strong{color:var(--pink-deep)}
.category-product-info button{width:100%;border:0;background:#171313;color:#fff;padding:10px;margin-top:10px;font-weight:700}
@media(max-width:991px){
  .category-showcase-grid,.category-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .category-tile,.category-tile img{min-height:360px}
}
@media(max-width:767px){
  .category-showcase{padding:18px 0 45px}
  .category-showcase-grid,.category-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-tile,.category-tile img{min-height:280px}
  .category-tile span{font-size:.72rem;padding:8px 10px;max-width:88%;white-space:normal;text-align:center}
  .category-detail-header{align-items:flex-start;flex-direction:column-reverse}
}


/* ===== Identidad visual Leyla Pasapera: negro, dorado y champagne ===== */
:root{
  --ink:#080808;
  --cream:#f6f0e5;
  --rose:#c99a3d;
  --rose-dark:#9f711f;
  --muted:#766d5f;
  --white:#fff;
  --pink-main:#090909;
  --pink-soft:#efe4ce;
  --pink-nav:#111111;
  --pink-deep:#b8862d;
  --banner-pink:#ead9b8;
  --cream-panel:#f4ecdf;
  --gold:#c99a3d;
  --gold-light:#efd27b;
  --gold-dark:#8f641d;
  --black:#080808;
  --champagne:#f3e8d2;
}

body{color:#12100c;background:#fff}
.eyebrow,.product-price,.text-link,.category-product-info strong{color:var(--gold-dark)}

.welcome-bar{
  background:linear-gradient(90deg,#050505,#17120a,#050505);
  color:var(--gold-light);
  border-bottom:1px solid rgba(201,154,61,.45);
}
.social-strip{background:var(--champagne);border-bottom:1px solid #ddc99e}
.social-icons a{background:#111;color:var(--gold-light);border:1px solid var(--gold)}
.social-icons a:hover{background:var(--gold);color:#080808}
.catalog-link{color:#17120a;border-color:rgba(143,100,29,.25)}

.boutique-header{background:#050505}
.logo-area{min-height:190px;background:#050505}
.boutique-logo{display:block;line-height:1}
.boutique-logo img{display:block;width:auto;height:174px;max-width:min(92vw,520px);object-fit:contain}
.shop-toolbar{background:#0c0c0c;border-top:1px solid rgba(201,154,61,.65);border-bottom:1px solid rgba(201,154,61,.65)}
.category-trigger,.toolbar-cart{background:#080808;color:var(--gold-light)}
.category-trigger:hover,.toolbar-cart:hover{background:#17120a}
.toolbar-search input{background:#fffdf8;color:#17120a;border:1px solid #d8bb78}
.toolbar-search button{background:var(--gold);color:#080808}
.toolbar-cart .cart-square{background:linear-gradient(135deg,#9f711f,#e1bd62);color:#090909}
.toolbar-cart small{color:#f8edda}

.category-mega-menu,.category-list,.category-submenus{background:#fffdf8}
.category-list{border-color:#e7d8b8}
.category-row{background:#fffdf8;color:#2b261d;border-color:#eee3cf}
.category-row:hover,.category-row.active{background:#f5ead6;color:var(--gold-dark)}
.category-row b{color:#312a1e}.category-row.active b{color:var(--gold-dark)}
.category-submenu a{color:#383126}
.category-submenu a:hover{color:var(--gold-dark);background:#fbf4e7}

.season-banner{
  background:
    radial-gradient(circle at 5% 0%,rgba(255,255,255,.48) 0 16%,transparent 16.5%),
    linear-gradient(8deg,#d6bb84 0 19%,transparent 19.5%),
    linear-gradient(-5deg,transparent 0 52%,#ead4a8 52.5% 64%,transparent 64.5%),
    #f0e4ce;
}
.season-copy{color:#9a6b1d;text-shadow:0 1px 0 #fff8e8}
.season-tree:before{background:#8f641d}
.season-tree i{background:#c99a3d}
.season-tree i:nth-child(2){background:#e5c46b}
.season-tree i:nth-child(3){background:#b27f29}

.boutique-slider-section{background:#080808}
.boutique-slide-auclair{background:#f1e5d2;color:#0b0b0b}
.slide-outline{border-color:#8f641d}
.auclair-copy strong{border-color:#8f641d;background:rgba(246,238,222,.9)}
.slider-bubble{border-color:#8f641d;background:rgba(246,238,222,.9)}
.box{border-color:#18120a;background:#f2e5d0}
.box:before{border-color:#18120a}
.slider-cta{background:#090909;color:var(--gold-light);border:1px solid var(--gold)}
.slider-cta:hover{background:var(--gold);color:#080808}
.boutique-arrow{background:rgba(5,5,5,.86);color:var(--gold-light);border:1px solid var(--gold)}
.boutique-slider-indicators .active{background:var(--gold)}

.category-showcase,.category-detail{background:#fffdf8}
.category-tile{background:#191919;box-shadow:0 5px 18px rgba(0,0,0,.08)}
.category-tile:after{background:linear-gradient(transparent 48%,rgba(0,0,0,.54))}
.category-tile span{background:rgba(8,8,8,.92);color:var(--gold-light);border:1px solid rgba(201,154,61,.9);box-shadow:0 6px 18px rgba(0,0,0,.22)}
.category-tile:hover span{background:var(--gold);color:#080808}
.category-tile:focus-visible{outline-color:var(--gold)}
.category-detail-header{border-color:#dfcfad}
.category-back{border-color:var(--gold);background:#fffdf8;color:#17120a}
.category-back:hover{background:#090909;color:var(--gold-light);border-color:var(--gold)}
.category-product-card{border-color:#e3d5b8;background:#fff}
.category-product-card:hover{box-shadow:0 14px 34px rgba(98,66,14,.16)}
.category-product-info button,.add-cart{background:#090909;color:var(--gold-light);border:1px solid var(--gold)}
.category-product-info button:hover,.add-cart:hover{background:var(--gold);color:#080808}

.bg-soft{background:#f6efe3}
.filter-btn{border-color:#caa75d;color:#332a1d}
.filter-btn.active,.filter-btn:hover{background:#090909;color:var(--gold-light);border-color:var(--gold)}
.product-card{border:1px solid #e1d3b5}
.product-badge{background:#090909;color:var(--gold-light);border:1px solid var(--gold)}
.quick-view{background:#fffdf8;color:#17120a;border-color:var(--gold)}
.promo-box{background:linear-gradient(120deg,#070707,#241b0d);border:1px solid var(--gold);color:#fff}
.promo-box .eyebrow{color:var(--gold-light)}
.newsletter{background:#efe3ce}
.btn-dark{background:#090909;border-color:#090909;color:var(--gold-light)}
.btn-dark:hover{background:var(--gold);border-color:var(--gold);color:#080808}
.btn-outline-dark{border-color:#090909;color:#090909}
.btn-outline-dark:hover{background:#090909;color:var(--gold-light)}
.footer{background:#050505;color:#d7c7a8;border-top:1px solid var(--gold)}
.footer h6{color:var(--gold-light)}
.footer a{color:#d7c7a8}.footer a:hover{color:var(--gold-light)}
.footer-bottom{border-color:#3f321d}
.cart-btn span{background:var(--gold);color:#080808}
.offcanvas{--bs-offcanvas-bg:#fffdf8}

@media(max-width:767px){
  .logo-area{min-height:145px}
  .boutique-logo img{height:132px;max-width:92vw}
  .toolbar-search{background:#0c0c0c}
}


/* ===== Productos destacados y lo más nuevo ===== */
.home-products-showcase{
  background:#fffdf8;
  padding:5rem 0 4.5rem;
}
.featured-layout{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:28px;
  align-items:stretch;
}
.featured-promo-card{
  position:relative;
  min-height:470px;
  overflow:hidden;
  background:#0a0a0a;
  border:1px solid rgba(201,154,61,.85);
}
.featured-promo-card img{
  width:100%;
  height:100%;
  min-height:470px;
  object-fit:cover;
  transition:transform .55s ease;
}
.featured-promo-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.76));
}
.featured-promo-card:hover img{transform:scale(1.045)}
.featured-promo-overlay{
  position:absolute;
  inset:auto 18px 20px;
  z-index:2;
  color:#fff;
  display:grid;
  gap:5px;
}
.featured-promo-overlay span{
  color:var(--gold-light);
  font-size:.68rem;
  letter-spacing:.18em;
  font-weight:800;
}
.featured-promo-overlay strong{
  font-family:"Playfair Display",serif;
  font-size:2rem;
}
.featured-promo-overlay small{
  width:max-content;
  border-bottom:1px solid var(--gold);
  color:#fff2d0;
  padding-bottom:2px;
}

.product-strip-block{min-width:0}
.newest-block{margin-top:3.2rem}
.strip-heading{
  min-height:40px;
  border-bottom:1px solid #d7d0c5;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:22px;
}
.strip-heading h2{
  font-family:"DM Sans",sans-serif;
  font-size:.88rem;
  font-weight:800;
  letter-spacing:.04em;
  margin:0;
  padding:0 14px 13px 0;
  background:#fffdf8;
  color:#111;
}
.strip-heading h2 span{
  color:var(--gold);
  font-size:.7rem;
  margin-right:7px;
}
.strip-arrows{
  display:flex;
  gap:6px;
  transform:translateY(-8px);
  background:#fffdf8;
  padding-left:9px;
}
.strip-arrows button{
  width:32px;
  height:32px;
  border:1px solid #ded6c8;
  background:#fff;
  color:#30291f;
  font-size:1.35rem;
  line-height:1;
  display:grid;
  place-items:center;
  transition:.2s ease;
}
.strip-arrows button:hover{
  background:#090909;
  color:var(--gold-light);
  border-color:var(--gold);
}
.strip-viewport{
  overflow:hidden;
}
.strip-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(170px,1fr);
  gap:18px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  padding-bottom:4px;
}
.strip-track::-webkit-scrollbar{display:none}
.strip-product{
  min-width:0;
  scroll-snap-align:start;
  background:#fff;
  border:1px solid #ece4d5;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.strip-product:hover{
  transform:translateY(-4px);
  border-color:#c99a3d;
  box-shadow:0 12px 30px rgba(75,50,10,.13);
}
.strip-product-image{
  position:relative;
  aspect-ratio:3/4;
  overflow:hidden;
  background:#f3eee5;
}
.strip-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.strip-product:hover .strip-product-image img{transform:scale(1.04)}
.strip-tag{
  position:absolute;
  top:10px;
  left:10px;
  background:#090909;
  color:var(--gold-light);
  border:1px solid var(--gold);
  font-size:.62rem;
  letter-spacing:.08em;
  padding:4px 7px;
}
.strip-product-body{
  padding:12px 10px 10px;
  text-align:center;
}
.strip-product-body h3{
  font-family:"DM Sans",sans-serif;
  font-size:.77rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:0 0 7px;
}
.strip-price{
  display:block;
  color:#a87623;
  font-weight:800;
  margin-bottom:9px;
}
.strip-cart-button{
  width:100%;
  display:grid;
  grid-template-columns:38px 1fr;
  border:1px solid #e5ded1;
  background:#f8f6f2;
  padding:0;
  color:#17120a;
  font-size:.72rem;
  font-weight:800;
  line-height:34px;
}
.strip-cart-button span{
  background:#090909;
  color:var(--gold-light);
  border-right:1px solid var(--gold);
  font-size:.9rem;
}
.strip-cart-button:hover{
  border-color:var(--gold);
  color:#8b611b;
}
.strip-cart-button:hover span{
  background:var(--gold);
  color:#080808;
}

@media(min-width:1200px){
  .strip-track{grid-auto-columns:calc((100% - 54px)/4)}
  .newest-block .strip-track{grid-auto-columns:calc((100% - 72px)/5)}
}
@media(max-width:991px){
  .featured-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}
  .featured-promo-card,.featured-promo-card img{min-height:420px}
  .strip-track{grid-auto-columns:220px}
}
@media(max-width:767px){
  .home-products-showcase{padding:3.5rem 0}
  .featured-layout{grid-template-columns:1fr}
  .featured-promo-card,.featured-promo-card img{min-height:390px}
  .featured-promo-card{max-width:430px;width:100%;margin:auto}
  .strip-track{grid-auto-columns:72%}
  .newest-block{margin-top:2.5rem}
}
@media(max-width:480px){
  .strip-track{grid-auto-columns:82%}
  .strip-heading h2{font-size:.78rem}
}
\n\n/* ===== Refinamiento premium de la franja superior ===== */\n.welcome-bar{\n  position:relative;\n  height:44px;\n  gap:12px;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at 50% -80%,rgba(239,197,103,.18),transparent 50%),\n    linear-gradient(90deg,#050505 0%,#17120a 50%,#050505 100%);\n  color:#f2cf75;\n  border-bottom:1px solid rgba(201,154,61,.55);\n  font-family:\"DM Sans\",sans-serif;\n  font-size:.88rem;\n  font-weight:600;\n  letter-spacing:.035em;\n  text-shadow:0 1px 12px rgba(225,181,81,.18);\n}\n.welcome-bar:before,.welcome-bar:after{\n  content:\"\";\n  position:absolute;\n  top:0;bottom:0;\n  width:24%;\n  pointer-events:none;\n}\n.welcome-bar:before{left:0;background:linear-gradient(90deg,rgba(201,154,61,.08),transparent)}\n.welcome-bar:after{right:0;background:linear-gradient(-90deg,rgba(201,154,61,.08),transparent)}\n.welcome-spark{\n  color:#b9872f;\n  font-size:.55rem;\n  filter:drop-shadow(0 0 6px rgba(229,196,107,.35));\n}\n.social-strip{\n  position:relative;\n  min-height:54px;\n  background:\n    linear-gradient(180deg,rgba(255,255,255,.025),transparent),\n    #11100e;\n  border-bottom:1px solid #2f2719;\n  box-shadow:0 7px 18px rgba(0,0,0,.14);\n}\n.social-strip:after{\n  content:\"\";\n  position:absolute;\n  left:0;right:0;bottom:-1px;\n  height:1px;\n  background:linear-gradient(90deg,transparent,#c99a3d 18%,#f0cf78 50%,#c99a3d 82%,transparent);\n  opacity:.75;\n}\n.social-strip-inner{min-height:54px}\n.social-icons{gap:11px}\n.social-icons a{\n  position:relative;\n  width:36px;\n  height:36px;\n  border:1px solid rgba(255,255,255,.16);\n  color:#fff;\n  box-shadow:0 5px 15px rgba(0,0,0,.28);\n  font-size:1rem;\n  overflow:hidden;\n  isolation:isolate;\n}\n.social-icons a:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  transition:filter .25s ease,transform .25s ease;\n}\n.social-icons a:hover{\n  transform:translateY(-3px) scale(1.04);\n  border-color:#e5c46b;\n  box-shadow:0 8px 20px rgba(0,0,0,.36),0 0 0 2px rgba(201,154,61,.16);\n}\n.social-icons a:hover:before{filter:brightness(1.1);transform:scale(1.07)}\n.social-facebook:before{background:#1877f2}\n.social-instagram:before{background:radial-gradient(circle at 31% 107%,#fdf497 0 7%,#fd5949 38%,#d6249f 60%,#285aeb 90%)}\n.social-whatsapp:before{background:#25d366}\n.social-tiktok:before{background:linear-gradient(135deg,#25f4ee 0 12%,#101010 12% 72%,#fe2c55 72% 100%)}\n.catalog-link{\n  min-height:36px;\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  color:#efd17d;\n  padding:0 14px;\n  border:1px solid rgba(201,154,61,.35);\n  border-radius:999px;\n  background:linear-gradient(180deg,rgba(201,154,61,.09),rgba(201,154,61,.025));\n  font-size:.76rem;\n  font-weight:700;\n  letter-spacing:.075em;\n  transition:.25s ease;\n}\n.catalog-link .bi-heart-fill{font-size:.72rem;color:#f0c75e}\n.catalog-link .bi-arrow-right{font-size:.9rem;transition:transform .25s ease}\n.catalog-link:hover{\n  color:#080808;\n  background:linear-gradient(135deg,#c49435,#f2d47c,#b77e24);\n  border-color:#f0cf78;\n  box-shadow:0 7px 20px rgba(201,154,61,.2);\n}\n.catalog-link:hover .bi-heart-fill{color:#080808}\n.catalog-link:hover .bi-arrow-right{transform:translateX(3px)}\n@media(max-width:767px){\n  .welcome-bar{height:40px;font-size:.79rem}\n  .social-strip,.social-strip-inner{min-height:50px}\n  .social-icons{gap:7px}\n  .social-icons a{width:33px;height:33px}\n  .catalog-link{padding:0 10px;font-size:.66rem;letter-spacing:.035em;gap:7px}\n}\n@media(max-width:480px){\n  .catalog-link span{display:none}\n  .catalog-link{width:36px;height:36px;padding:0;justify-content:center}\n  .catalog-link .bi-arrow-right{display:none}\n}\n

/* ===== OPCIÓN 2 · CABECERA LUJO OSCURO ===== */
.luxury-utility-bar{
  background:linear-gradient(180deg,#0b0b0b 0%,#050505 100%);
  border-bottom:1px solid rgba(201,154,61,.75);
  color:#f5f1e8;
  min-height:48px;
  display:flex;
  align-items:center;
}
.luxury-utility-inner{
  min-height:48px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  font-size:.76rem;
  letter-spacing:.025em;
}
.utility-benefits,.utility-links{display:flex;align-items:center}
.utility-benefits span,.utility-links a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#eee9df;
  padding:0 18px;
  border-right:1px solid #34302a;
  white-space:nowrap;
}
.utility-benefits span:first-child{padding-left:0}
.utility-links a:last-child{padding-right:0;border-right:0}
.utility-benefits i,.utility-links i{color:#d1a84b}
.utility-links a{transition:color .2s ease}
.utility-links a:hover{color:#e5c46b}

.luxury-brand-row{
  position:relative;
  background:
    radial-gradient(circle at 50% 35%,rgba(201,154,61,.08),transparent 36%),
    linear-gradient(180deg,#0b0b0b 0%,#050505 100%);
  border-bottom:1px solid rgba(201,154,61,.85);
}
.luxury-brand-inner{
  min-height:188px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:30px;
}
.luxury-social-block{display:flex;align-items:center;gap:18px;justify-self:start}
.social-label{color:#f4eee2;font-size:.78rem;font-weight:700;letter-spacing:.09em}
.luxury-brand-row .social-icons{display:flex;gap:11px}
.luxury-brand-row .social-icons a{
  width:37px;height:37px;border-radius:50%;display:grid;place-items:center;
  color:#fff;border:1px solid rgba(255,255,255,.2);
  box-shadow:0 8px 20px rgba(0,0,0,.32);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  overflow:hidden;position:relative;isolation:isolate;
}
.luxury-brand-row .social-icons a:before{content:"";position:absolute;inset:0;z-index:-1}
.luxury-brand-row .social-icons a:hover{transform:translateY(-3px);border-color:#e5c46b;box-shadow:0 10px 24px rgba(0,0,0,.45),0 0 0 2px rgba(201,154,61,.18)}
.social-facebook:before{background:#1877f2}
.social-instagram:before{background:radial-gradient(circle at 31% 107%,#fdf497 0 8%,#fd5949 38%,#d6249f 60%,#285aeb 90%)}
.social-whatsapp:before{background:#25d366}
.social-tiktok:before{background:linear-gradient(135deg,#25f4ee 0 12%,#0b0b0b 12% 72%,#fe2c55 72% 100%)}

.luxury-main-logo{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  width:310px;
  height:164px;
  overflow:hidden;
}
.luxury-main-logo img{
  width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 7px 22px rgba(201,154,61,.16));
}
.luxury-catalog-link{
  justify-self:end;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:0 20px;
  color:#f5f1e8;
  border:1px solid rgba(201,154,61,.55);
  background:linear-gradient(180deg,rgba(201,154,61,.08),rgba(201,154,61,.025));
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.06em;
  transition:.25s ease;
}
.luxury-catalog-link i{font-size:1.25rem;color:#d8aa49}
.luxury-catalog-link:hover{color:#080808;background:linear-gradient(135deg,#bb8730,#edcf7a,#b17b24);border-color:#efd17d;box-shadow:0 10px 25px rgba(201,154,61,.18)}
.luxury-catalog-link:hover i{color:#080808}

/* Sobrescribe únicamente la barra funcional del encabezado */
.boutique-header{background:#080808}
.shop-toolbar{
  background:linear-gradient(180deg,#0c0c0c 0%,#050505 100%);
  border-bottom:1px solid #27231d;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.toolbar-grid{min-height:82px;grid-template-columns:290px minmax(320px,1fr) 330px;gap:14px}
.category-trigger{
  margin:12px 0;
  border:1px solid #34302a;
  background:linear-gradient(180deg,#111,#080808);
  color:#d9aa4a;
  padding:0 24px;
  font-size:.88rem;
  transition:.22s ease;
}
.category-trigger:hover,.category-trigger[aria-expanded="true"]{border-color:#d1a84b;box-shadow:inset 0 0 0 1px rgba(209,168,75,.12)}
.category-trigger b{color:#e5c46b;font-size:1.4rem}
.toolbar-search{padding:12px 0}
.toolbar-search input{
  height:56px;
  background:#0b0b0b;
  color:#f5f1e8;
  border:1px solid #9d762d;
  border-right:0;
  border-radius:0;
  padding:0 22px;
}
.toolbar-search input::placeholder{color:#aaa39a}
.toolbar-search input:focus{box-shadow:inset 0 0 0 1px #d1a84b;background:#101010}
.toolbar-search button{
  width:70px;height:56px;border-radius:0;
  background:linear-gradient(135deg,#bb8730,#e3bd62);
  color:#080808;border:1px solid #d1a84b;
  font-size:1.5rem;
}
.toolbar-cart{
  margin:12px 0;
  border:1px solid #34302a;
  background:linear-gradient(180deg,#111,#080808);
  color:#fff;
  padding:0 22px;
  transition:.22s ease;
}
.toolbar-cart:hover{border-color:#d1a84b}
.toolbar-cart .cart-square{
  width:48px;height:48px;background:transparent;color:#d9aa4a;
  border:1px solid #b88831;border-radius:0;font-size:0;
}
.toolbar-cart .cart-square:before{content:"\F242";font-family:"bootstrap-icons";font-size:1.45rem}
.toolbar-cart strong{color:#d9aa4a;font-size:.86rem}
.toolbar-cart small{color:#f2eee7;font-size:.78rem}
.category-mega-menu{top:calc(100% - 12px)}

/* Oculta las antiguas franjas por compatibilidad, ya sustituidas en el HTML */
.welcome-bar,.social-strip,.logo-area{display:none!important}

@media(max-width:1100px){
  .utility-benefits span:nth-child(3),.utility-links a:nth-child(3){display:none}
  .luxury-brand-inner{grid-template-columns:1fr auto 1fr;min-height:170px}
  .luxury-main-logo{width:270px;height:145px}
  .toolbar-grid{grid-template-columns:230px minmax(260px,1fr) 260px}
}
@media(max-width:850px){
  .luxury-utility-inner{justify-content:center}
  .utility-links{display:none}
  .utility-benefits span{padding:0 10px}
  .luxury-brand-inner{grid-template-columns:1fr;min-height:auto;padding:22px 0}
  .luxury-social-block{justify-self:center;order:2}
  .luxury-main-logo{order:1;width:260px;height:140px}
  .luxury-catalog-link{justify-self:center;order:3}
  .toolbar-grid{grid-template-columns:1fr;gap:0;padding-top:10px;padding-bottom:10px}
  .category-trigger,.toolbar-cart{margin:4px 0;min-height:54px}
  .toolbar-search{padding:4px 0}
  .category-mega-menu{top:58px}
}
@media(max-width:560px){
  .luxury-utility-bar{min-height:42px}
  .luxury-utility-inner{min-height:42px;font-size:.65rem}
  .utility-benefits span:nth-child(2){display:none}
  .luxury-social-block{flex-direction:column;gap:9px}
  .luxury-main-logo{width:230px;height:125px}
  .luxury-catalog-link{font-size:.69rem;padding:0 14px}
  .toolbar-search input{font-size:.82rem}
}


/* =====================================================================
   CABECERA FINAL — ELEGANTE, LIMPIA Y ALINEADA CON LEYLA PASAPERA
   Solo redefine la parte superior. El resto del sitio permanece intacto.
   ===================================================================== */

:root{
  --lp-black:#070707;
  --lp-black-soft:#101010;
  --lp-gold:#c49137;
  --lp-gold-light:#e2bd6a;
  --lp-ivory:#fbf8f2;
  --lp-ivory-deep:#f3ede3;
  --lp-text:#151515;
  --lp-muted:#6f6a62;
}

/* Barra superior delgada */
.luxury-utility-bar{
  min-height:54px;
  background:#070707;
  border-bottom:2px solid var(--lp-gold);
  box-shadow:none;
}
.luxury-utility-inner{
  min-height:54px;
  font-size:.76rem;
  letter-spacing:.02em;
}
.utility-benefits span,
.utility-links a{
  color:#f7f4ef;
  border-right:1px solid rgba(255,255,255,.14);
  padding:0 17px;
}
.utility-benefits i,
.utility-links i{
  color:var(--lp-gold);
}
.utility-links a:hover{color:var(--lp-gold-light)}

/* Área clara de identidad */
.luxury-brand-row{
  background:
    radial-gradient(circle at 50% 45%,rgba(221,187,112,.08),transparent 34%),
    linear-gradient(180deg,#fffdfa 0%,#f9f5ee 100%);
  border-bottom:1px solid #ebe4d9;
}
.luxury-brand-inner{
  min-height:202px;
  grid-template-columns:minmax(250px,1fr) minmax(430px,560px) minmax(330px,1fr);
  align-items:center;
  gap:34px;
  padding:20px 0;
}

/* Redes sociales */
.luxury-social-block{
  gap:17px;
}
.social-label{
  color:#151515;
  font-weight:600;
  font-size:.72rem;
  letter-spacing:.09em;
}
.luxury-brand-row .social-icons{
  gap:11px;
}
.luxury-brand-row .social-icons a{
  width:38px;
  height:38px;
  border:2px solid #fff;
  box-shadow:0 5px 15px rgba(0,0,0,.13);
}
.luxury-brand-row .social-icons a:hover{
  transform:translateY(-3px) scale(1.035);
  box-shadow:0 9px 22px rgba(0,0,0,.18);
}

/* Logotipo tipográfico sin LP ni corona */
.luxury-main-logo.luxury-wordmark{
  width:auto;
  height:auto;
  min-height:145px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  color:var(--lp-text);
  text-decoration:none;
  filter:none;
}
.luxury-wordmark strong{
  font-family:"Great Vibes",cursive;
  font-size:clamp(3.8rem,5.2vw,5.6rem);
  line-height:.88;
  font-weight:400;
  color:#b9852f;
  text-shadow:0 2px 16px rgba(185,133,47,.12);
  white-space:nowrap;
}
.luxury-wordmark span{
  margin-top:13px;
  font-family:"DM Sans",sans-serif;
  font-size:1.24rem;
  font-weight:500;
  letter-spacing:.38em;
  color:#111;
  padding-left:.38em;
}
.luxury-wordmark small{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:9px;
  color:#171717;
  font-family:"DM Sans",sans-serif;
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.18em;
}
.luxury-wordmark small i{
  display:block;
  width:47px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--lp-gold));
}
.luxury-wordmark small i:last-child{
  background:linear-gradient(90deg,var(--lp-gold),transparent);
}
.luxury-wordmark:hover strong{
  color:#c8953d;
}

/* Atajos del lado derecho */
.brand-quick-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  white-space:nowrap;
}
.luxury-catalog-link,
.luxury-favorites-link{
  display:flex;
  align-items:center;
  gap:10px;
  color:#181818;
  background:transparent;
  border:0;
  border-radius:0;
  padding:12px 0;
  font-size:.76rem;
  font-weight:500;
  letter-spacing:.025em;
  position:relative;
}
.luxury-catalog-link i,
.luxury-favorites-link i{
  color:#111;
  font-size:1.32rem;
  transition:.25s ease;
}
.luxury-catalog-link:after,
.luxury-favorites-link:after{
  content:"";
  position:absolute;
  left:31px;
  right:0;
  bottom:6px;
  height:1px;
  background:var(--lp-gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:.25s ease;
}
.luxury-catalog-link:hover,
.luxury-favorites-link:hover{
  color:#9f6e20;
  background:transparent;
  box-shadow:none;
}
.luxury-catalog-link:hover i,
.luxury-favorites-link:hover i{
  color:var(--lp-gold);
}
.luxury-catalog-link:hover:after,
.luxury-favorites-link:hover:after{
  transform:scaleX(1);
}
.quick-divider{
  width:1px;
  height:31px;
  background:#cfc7bb;
}

/* Barra inferior negra, limpia y proporcional */
.shop-toolbar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent),
    #070707;
  border:0;
  border-bottom:1px solid rgba(196,145,55,.30);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.toolbar-grid{
  min-height:88px;
  grid-template-columns:295px minmax(360px,1fr) 325px;
  gap:42px;
  align-items:center;
}

/* Categorías: sin caja exagerada */
.category-trigger{
  min-height:58px;
  display:grid;
  grid-template-columns:44px 1fr 22px;
  align-items:center;
  gap:10px;
  padding:0 10px 0 0;
  border:0;
  border-right:1px solid rgba(255,255,255,.11);
  border-radius:0;
  background:transparent;
  color:#f8f5ef;
  font-size:.83rem;
  font-weight:600;
  letter-spacing:.035em;
  transition:.25s ease;
}
.category-trigger .category-main-icon{
  display:grid;
  place-items:center;
  color:var(--lp-gold-light);
  font-size:2rem;
}
.category-trigger b{
  color:var(--lp-gold-light);
  font-size:.78rem;
  transition:transform .25s ease;
}
.category-trigger:hover{
  color:var(--lp-gold-light);
  background:transparent;
}
.category-trigger[aria-expanded="true"] b{
  transform:rotate(180deg);
}

/* Buscador limpio con esquinas suaves */
.toolbar-search{
  position:relative;
  height:58px;
  display:grid;
  grid-template-columns:1fr 65px;
  padding:0;
  overflow:hidden;
  border:1px solid #ded8cf;
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 23px rgba(0,0,0,.16);
  transition:.25s ease;
}
.toolbar-search:focus-within{
  border-color:var(--lp-gold);
  box-shadow:0 8px 27px rgba(0,0,0,.20),0 0 0 3px rgba(196,145,55,.11);
}
.toolbar-search:before{
  content:"\F52A";
  font-family:"bootstrap-icons";
  position:absolute;
  left:22px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  color:#171717;
  font-size:1.28rem;
}
.toolbar-search input{
  width:100%;
  height:56px;
  padding:0 18px 0 62px;
  border:0;
  outline:0;
  background:#fff;
  color:#181818;
  font-size:.9rem;
  box-shadow:none;
}
.toolbar-search input::placeholder{color:#a19d98}
.toolbar-search button{
  width:65px;
  height:58px;
  border:0;
  background:linear-gradient(145deg,#dfb659,#b97c25);
  color:#fff;
  font-size:0;
  transition:.25s ease;
}
.toolbar-search button:before{
  content:"\F52A";
  font-family:"bootstrap-icons";
  font-size:1.4rem;
}
.toolbar-search button:hover{
  filter:brightness(1.07);
}

/* Carrito abierto y elegante */
.toolbar-cart{
  min-height:58px;
  display:grid;
  grid-template-columns:54px 1fr 19px;
  align-items:center;
  gap:13px;
  padding:0 0 0 6px;
  border:0;
  border-left:1px solid rgba(255,255,255,.11);
  border-radius:0;
  background:transparent;
  color:#f8f5ef;
  transition:.25s ease;
}
.toolbar-cart:after{
  content:"\F282";
  font-family:"bootstrap-icons";
  color:var(--lp-gold-light);
  font-size:.8rem;
}
.toolbar-cart:hover{
  color:var(--lp-gold-light);
  background:transparent;
}
.toolbar-cart .cart-square{
  position:relative;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:rgba(196,145,55,.10);
  color:var(--lp-gold-light);
  font-size:1.45rem;
}
.toolbar-cart .cart-square:before{display:none}
.toolbar-cart .cart-square em{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:19px;
  height:19px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border-radius:999px;
  background:var(--lp-gold);
  color:#070707;
  font-size:.65rem;
  font-style:normal;
  font-weight:800;
}
.toolbar-cart strong{
  color:#fff;
  font-size:.83rem;
  letter-spacing:.04em;
}
.toolbar-cart small{
  color:#ddd8d0;
  font-size:.76rem;
  margin-top:3px;
}

/* Mega menú conserva su funcionamiento y gana acabado actual */
.category-mega-menu{
  top:calc(100% - 5px);
  border:1px solid rgba(196,145,55,.25);
  border-radius:0 0 16px 16px;
  overflow:hidden;
  box-shadow:0 24px 55px rgba(0,0,0,.28);
}
.category-list{
  background:#fff;
}
.category-row{
  color:#37332e;
  border-bottom:1px solid #eee8de;
}
.category-row:hover,
.category-row.active{
  color:#9d691c;
  background:#f8f3eb;
}
.category-submenus{
  background:#fffdf9;
}
.category-submenu a{
  color:#413c35;
  border-radius:7px;
}
.category-submenu a:hover{
  color:#fff;
  background:#0a0a0a;
}

/* Adaptación */
@media(max-width:1120px){
  .luxury-brand-inner{
    grid-template-columns:1fr minmax(350px,430px) 1fr;
    gap:20px;
  }
  .luxury-wordmark strong{font-size:4rem}
  .brand-quick-links{gap:12px}
  .toolbar-grid{
    grid-template-columns:245px minmax(300px,1fr) 275px;
    gap:22px;
  }
}
@media(max-width:900px){
  .luxury-brand-inner{
    grid-template-columns:1fr;
    min-height:auto;
    padding:24px 0;
    gap:16px;
  }
  .luxury-social-block{justify-content:center}
  .brand-quick-links{justify-content:center}
  .luxury-main-logo.luxury-wordmark{order:-1;min-height:120px}
  .luxury-wordmark strong{font-size:4.1rem}
  .toolbar-grid{
    grid-template-columns:1fr;
    min-height:auto;
    gap:10px;
    padding:15px 12px;
  }
  .category-trigger,
  .toolbar-cart{
    border:0;
    padding:0 15px;
  }
  .category-mega-menu{top:68px}
}
@media(max-width:580px){
  .luxury-utility-inner{font-size:.62rem}
  .utility-benefits span{padding:0 7px}
  .luxury-wordmark strong{font-size:3.2rem}
  .luxury-wordmark span{font-size:.95rem}
  .luxury-wordmark small{font-size:.6rem}
  .luxury-wordmark small i{width:28px}
  .brand-quick-links{gap:9px}
  .luxury-catalog-link,
  .luxury-favorites-link{font-size:.64rem}
  .toolbar-grid{padding:12px 9px}
  .toolbar-search{height:54px}
  .toolbar-search input{height:52px}
  .toolbar-search button{height:54px}
}


/* ===== Corrección del nombre de marca e iconos sociales ===== */
.luxury-main-logo.luxury-wordmark{
  min-height:158px;
  overflow:visible;
  padding:12px 20px 9px;
}
.luxury-wordmark strong{
  font-family:"Parisienne",cursive;
  display:block;
  width:100%;
  overflow:visible;
  padding:10px 30px 13px;
  margin:-5px 0 -6px;
  font-size:clamp(4.15rem,5.5vw,5.9rem);
  line-height:1.22;
  letter-spacing:.004em;
  white-space:nowrap;
  text-align:center;
  color:#b9822c;
  background:linear-gradient(100deg,#986317 5%,#d6ae58 48%,#a66d1e 95%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}
.luxury-wordmark:hover strong{
  background:linear-gradient(100deg,#a97421 5%,#e1bf70 48%,#ad7421 95%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.luxury-wordmark span{margin-top:0}
.luxury-wordmark small{margin-top:8px}

/* Iconos oficiales, más definidos y modernos */
.luxury-brand-row .luxury-brand-socials{
  display:flex;
  align-items:center;
  gap:12px;
}
.luxury-brand-row .luxury-brand-socials a{
  position:relative;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  color:#fff;
  font-size:1.08rem;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 7px 18px rgba(24,20,14,.16);
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease;
}
.luxury-brand-row .luxury-brand-socials a:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
}
.luxury-brand-row .luxury-brand-socials a:after{
  content:"";
  position:absolute;
  inset:1px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:inherit;
  pointer-events:none;
}
.luxury-brand-row .luxury-brand-socials i{
  position:relative;
  z-index:2;
  line-height:1;
}
.luxury-brand-row .luxury-brand-socials .social-facebook:before{
  background:linear-gradient(145deg,#2584f5,#1453ad);
}
.luxury-brand-row .luxury-brand-socials .social-instagram:before{
  background:radial-gradient(circle at 29% 108%,#ffd66b 0 18%,#ff5949 35%,#d72ba0 61%,#584fe0 100%);
}
.luxury-brand-row .luxury-brand-socials .social-whatsapp:before{
  background:linear-gradient(145deg,#39db70,#159345);
}
.luxury-brand-row .luxury-brand-socials .social-tiktok:before{
  background:#111;
}
.luxury-brand-row .luxury-brand-socials .social-tiktok{
  text-shadow:-1.25px 0 #25f4ee,1.25px 0 #fe2c55;
}
.luxury-brand-row .luxury-brand-socials a:hover{
  transform:translateY(-4px) scale(1.055);
  filter:saturate(1.08);
  box-shadow:0 12px 26px rgba(24,20,14,.23),0 0 0 3px rgba(196,145,55,.10);
}
.luxury-brand-row .luxury-brand-socials a:focus-visible{
  outline:3px solid rgba(196,145,55,.30);
  outline-offset:3px;
}

@media(max-width:1120px){
  .luxury-wordmark strong{
    font-size:4.4rem;
    padding-inline:18px;
  }
}
@media(max-width:580px){
  .luxury-main-logo.luxury-wordmark{
    min-height:130px;
    padding-inline:4px;
  }
  .luxury-wordmark strong{
    font-size:3.35rem;
    line-height:1.22;
    padding:8px 10px 11px;
  }
  .luxury-brand-row .luxury-brand-socials a{
    width:36px;
    height:36px;
    font-size:.98rem;
  }
}


/* =====================================================================
   REDES SOCIALES — OPCIÓN 2
   Círculos blancos, iconos con sus colores oficiales y hover premium.
   Solo modifica la apariencia de los iconos sociales.
   ===================================================================== */

.luxury-brand-row .luxury-brand-socials{
  display:flex;
  align-items:center;
  gap:18px;
}

.luxury-brand-row .luxury-brand-socials a{
  position:relative;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fcfaf6;
  border:1px solid rgba(185,133,47,.14);
  text-decoration:none;
  font-size:22px;
  overflow:visible;
  isolation:auto;
  color:#222;
  text-shadow:none;
  box-shadow:
    0 8px 22px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.85);
  transition:
    transform .30s ease,
    box-shadow .30s ease,
    border-color .30s ease,
    background .30s ease;
}

.luxury-brand-row .luxury-brand-socials a:before,
.luxury-brand-row .luxury-brand-socials a:after{
  display:none;
}

.luxury-brand-row .luxury-brand-socials a i{
  position:relative;
  z-index:1;
  line-height:1;
  transition:transform .30s ease;
}

/* Colores oficiales de cada red */
.luxury-brand-row .luxury-brand-socials .social-facebook{
  color:#1877f2;
}

.luxury-brand-row .luxury-brand-socials .social-instagram{
  color:#e1306c;
}

.luxury-brand-row .luxury-brand-socials .social-whatsapp{
  color:#25d366;
}

.luxury-brand-row .luxury-brand-socials .social-tiktok{
  color:#111111;
  text-shadow:none;
}

/* Hover premium */
.luxury-brand-row .luxury-brand-socials a:hover{
  transform:translateY(-5px);
  background:#ffffff;
  border-color:rgba(196,145,55,.38);
  filter:none;
  box-shadow:
    0 14px 30px rgba(0,0,0,.18),
    0 0 0 4px rgba(196,145,55,.08);
}

.luxury-brand-row .luxury-brand-socials a:hover i{
  transform:scale(1.15);
}

.luxury-brand-row .luxury-brand-socials a:focus-visible{
  outline:3px solid rgba(196,145,55,.30);
  outline-offset:4px;
}

@media(max-width:580px){
  .luxury-brand-row .luxury-brand-socials{
    gap:13px;
  }

  .luxury-brand-row .luxury-brand-socials a{
    width:42px;
    height:42px;
    font-size:19px;
  }
}


/* Estado visual de la categoría elegida desde el menú */
.category-detail-title .selected-subcategory,
#categoryDetailTitle .selected-subcategory{
  display:block;
  margin-top:.45rem;
  font-family:"DM Sans",sans-serif;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#a87322;
}

.category-submenu a{
  cursor:pointer;
}


/* =====================================================================
   FUNCIONALIDAD MI CONSULTA + WHATSAPP
   Mantiene el diseño existente y mejora únicamente los controles
   relacionados con la selección y envío de productos.
   ===================================================================== */

.whatsapp-consult-button{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:9px;
}

.whatsapp-consult-button .fa-whatsapp{
  font-size:1.05em;
}

.whatsapp-checkout{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#171313;
  border-color:#171313;
  font-weight:700;
  letter-spacing:.015em;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.whatsapp-checkout:hover,
.whatsapp-checkout:focus{
  background:#128c4a;
  border-color:#128c4a;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(18,140,74,.22);
}

.empty-consultation{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#777;
  padding:28px 16px;
}

.empty-consultation i{
  font-size:2rem;
  color:#b9872f;
  margin-bottom:12px;
}

.empty-consultation p{
  margin:0 0 4px;
  color:#29231f;
  font-weight:700;
}

.empty-consultation small{
  max-width:230px;
  line-height:1.5;
}

.cart-item-details{
  min-width:0;
  flex:1;
}

.consultation-quantity{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin:7px 0;
  border:1px solid #e3ddd8;
  border-radius:999px;
  padding:2px;
  background:#fff;
}

.consultation-quantity button{
  width:27px;
  height:27px;
  border:0;
  border-radius:50%;
  background:#f4f0ec;
  color:#171313;
  font-size:1rem;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
}

.consultation-quantity button:hover{
  background:#171313;
  color:#efd17d;
}

.consultation-quantity span{
  min-width:24px;
  text-align:center;
  font-size:.82rem;
  font-weight:700;
}

@media(max-width:580px){
  .whatsapp-consult-button{
    gap:6px;
    font-size:.76rem;
  }
}


/* =====================================================================
   FLUJO DE COMPRA POR WHATSAPP
   Los productos se agregan al carrito y el pedido completo se envía
   por WhatsApp al finalizar. No modifica el resto del diseño.
   ===================================================================== */

.whatsapp-consult-button{
  cursor:pointer;
}

.whatsapp-consult-button .fa-bag-shopping{
  font-size:1em;
}

.whatsapp-checkout .fa-whatsapp{
  font-size:1.08em;
}


/* =====================================================================
   PÁGINA INDEPENDIENTE DE CATEGORÍA
   ===================================================================== */

.category-page-body{
  background:#fbf8f2;
  color:#161616;
}

.category-page-topbar{
  background:#070707;
  color:#f7f3eb;
  border-bottom:1px solid #c49137;
  font-size:.78rem;
}

.category-page-topbar .container{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.category-page-topbar a{
  color:#f7f3eb;
}

.category-page-topbar i{
  color:#c49137;
  margin-right:7px;
}

.category-page-header{
  background:#fffdf8;
  border-bottom:1px solid #e9e1d4;
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 8px 28px rgba(20,16,10,.06);
}

.category-page-header-inner{
  min-height:128px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.category-page-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  color:#131313;
}

.category-page-brand strong{
  font-family:"Parisienne",cursive;
  color:#b9822c;
  font-size:3.4rem;
  line-height:.92;
  font-weight:400;
}

.category-page-brand span{
  margin-top:8px;
  font-size:.78rem;
  letter-spacing:.38em;
  padding-left:.38em;
}

.category-page-brand small{
  margin-top:5px;
  font-size:.58rem;
  letter-spacing:.16em;
  color:#6c665d;
}

.category-page-cart{
  min-width:180px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  border:1px solid rgba(196,145,55,.45);
  border-radius:999px;
  background:#fff;
  color:#171717;
  box-shadow:0 9px 24px rgba(23,18,10,.08);
}

.category-page-cart > i{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#b9822c;
  background:#f8f1e4;
}

.category-page-cart span,
.category-page-cart strong,
.category-page-cart small{
  display:block;
  text-align:left;
}

.category-page-cart small{
  color:#787168;
  font-size:.72rem;
}

.category-page-hero{
  padding:54px 0 34px;
  background:
    radial-gradient(circle at 90% 0%,rgba(196,145,55,.10),transparent 28%),
    linear-gradient(180deg,#fffdfa,#f7f1e8);
  border-bottom:1px solid #e7dfd3;
}

.category-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:30px;
  color:#80786e;
  font-size:.78rem;
}

.category-breadcrumb a{
  color:#80786e;
}

.category-breadcrumb i{
  font-size:.65rem;
}

.category-page-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
}

.category-page-eyebrow{
  color:#a97522;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.72rem;
  font-weight:700;
}

.category-page-title-row h1{
  margin:7px 0 8px;
  font-size:clamp(2.8rem,5vw,5.5rem);
  line-height:.95;
}

.category-page-title-row p{
  margin:0;
  color:#726c63;
}

.category-page-tools{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.category-search-box{
  min-width:290px;
  height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  border:1px solid #ddd4c5;
  border-radius:999px;
  background:#fff;
}

.category-search-box i{
  color:#a97522;
}

.category-search-box input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
}

.category-sort{
  height:48px;
  min-width:220px;
  border:1px solid #ddd4c5;
  border-radius:999px;
  background:#fff;
  padding:0 17px;
  color:#413c36;
}

.category-result-meta{
  margin-top:28px;
  display:flex;
  align-items:center;
  gap:15px;
  color:#6e675e;
  font-size:.83rem;
}

.category-result-meta small{
  padding:5px 10px;
  border-radius:999px;
  background:#efe5d3;
  color:#91631d;
}

.category-result-meta small:empty{
  display:none;
}

.category-page-products{
  padding:54px 0 80px;
}

.category-page-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:25px;
}

.category-page-product-card{
  background:#fff;
  border:1px solid #ece4d7;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.category-page-product-card:hover{
  transform:translateY(-6px);
  border-color:#c49137;
  box-shadow:0 18px 38px rgba(55,39,14,.13);
}

.category-page-product-image{
  position:relative;
  aspect-ratio:3/4;
  overflow:hidden;
  background:#eee8df;
}

.category-page-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.category-page-product-card:hover img{
  transform:scale(1.045);
}

.category-page-product-image > span{
  position:absolute;
  top:12px;
  left:12px;
  padding:5px 8px;
  background:rgba(5,5,5,.88);
  color:#e6c370;
  border:1px solid rgba(196,145,55,.65);
  font-size:.63rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.category-page-product-info{
  padding:17px;
}

.category-page-product-info h2{
  margin:0 0 8px;
  font-family:"DM Sans",sans-serif;
  font-size:.93rem;
  font-weight:700;
}

.category-page-product-info > strong{
  display:block;
  margin-bottom:14px;
  color:#a66f1e;
  font-size:1.03rem;
}

.category-page-product-info button{
  width:100%;
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid #111;
  background:#111;
  color:#fff;
  font-size:.78rem;
  font-weight:700;
  transition:.25s ease;
}

.category-page-product-info button:hover{
  border-color:#c49137;
  background:#c49137;
  color:#080808;
}

.category-empty-state{
  padding:70px 20px;
  text-align:center;
  color:#746d64;
}

.category-empty-state i{
  font-size:2.5rem;
  color:#b9822c;
}

.category-empty-state h2{
  margin:15px 0 7px;
}

.category-page-footer{
  background:#080808;
  color:#eee9e0;
  padding:34px 0;
  border-top:2px solid #c49137;
}

.category-page-footer .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.category-page-footer strong,
.category-page-footer span{
  display:block;
}

.category-page-footer span{
  margin-top:4px;
  color:#aaa39a;
  font-size:.8rem;
}

.category-page-footer a{
  color:#e4c474;
}

@media(max-width:1050px){
  .category-page-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .category-page-title-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .category-page-tools{
    width:100%;
    justify-content:flex-start;
  }
}

@media(max-width:760px){
  .category-page-topbar .container{
    justify-content:center;
  }

  .category-page-topbar a{
    display:none;
  }

  .category-page-header-inner{
    min-height:105px;
  }

  .category-page-brand strong{
    font-size:2.55rem;
  }

  .category-page-brand span{
    font-size:.62rem;
  }

  .category-page-brand small{
    display:none;
  }

  .category-page-cart{
    min-width:auto;
    width:56px;
    height:56px;
    padding:0;
  }

  .category-page-cart > span{
    display:none;
  }

  .category-page-cart > i{
    width:44px;
    height:44px;
  }

  .category-page-hero{
    padding-top:36px;
  }

  .category-page-tools{
    display:grid;
    grid-template-columns:1fr;
  }

  .category-search-box,
  .category-sort{
    width:100%;
    min-width:0;
  }

  .category-page-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
  }

  .category-page-product-info{
    padding:12px;
  }

  .category-page-product-info button{
    font-size:.7rem;
  }

  .category-page-footer .container{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:420px){
  .category-page-brand strong{
    font-size:2.15rem;
  }

  .category-page-grid{
    grid-template-columns:1fr;
  }
}


/* Botón Vaciar carrito */
.clear-cart-button{
  width:100%;
  min-height:44px;
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #d9d1c5;
  background:#fff;
  color:#6d6257;
  font-size:.78rem;
  font-weight:700;
  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.clear-cart-button:hover{
  background:#8f2f2f;
  color:#fff;
  border-color:#8f2f2f;
  transform:translateY(-1px);
}

.clear-cart-button:focus-visible{
  outline:3px solid rgba(143,47,47,.2);
  outline-offset:2px;
}