*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6f4;color:#181818;font-family:Arial,Helvetica,sans-serif}.nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e7e3df;display:flex;align-items:center;justify-content:center;padding:8px 5%;gap:20px;min-height:76px}.nav-spacer{display:none}.logo{display:none}.nav-actions{display:flex;align-items:center;justify-content:center;gap:25px;width:100%}.nav nav{display:flex;gap:25px}.nav nav a,.admin-top a{color:#181818;text-decoration:none;font-size:14px}.cart-btn{background:#181818;color:white;border:0;border-radius:999px;padding:10px 16px;cursor:pointer}.hero{min-height:70vh;padding:70px 8%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,400px);align-items:center;gap:45px;background:#f0eeec;text-align:left}.hero-copy{max-width:700px;width:100%;justify-self:end}.hero-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;justify-self:start}.hero-logo img{display:block;width:min(100%,400px);height:auto;object-fit:contain}.hero-logo-tagline{margin-top:-4px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.8vw,22px);font-weight:400;letter-spacing:.20em;white-space:nowrap;text-align:center}.kicker{font-size:11px;font-weight:700;letter-spacing:.18em;margin:0 0 12px}.hero h1{font:500 clamp(52px,7.2vw,88px)/.94 Georgia,serif;margin:0 0 22px}.hero h1 em{font-style:italic}.hero p:not(.kicker){font-size:18px;line-height:1.6;color:#555;max-width:560px}.btn{display:inline-block;border:0;border-radius:5px;background:#181818;color:#fff;padding:14px 21px;font-weight:700;text-decoration:none;cursor:pointer}.light{background:#fff;color:#181818}.section{padding:70px 7%}.section h2,.admin h1{font:500 45px Georgia,serif;margin:0 0 30px}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.cats button{padding:17px;background:#fff;border:1px solid #ddd8d4;border-radius:5px;cursor:pointer}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.search{width:min(320px,100%);padding:14px;border:1px solid #d7d2ce;border-radius:5px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.product{background:#fff;border:1px solid #e5e1dd;border-radius:7px;overflow:hidden}.pic{height:215px;background:#eceae8;display:grid;place-items:center;color:#777;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.product-body{padding:12px}.tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#777}.product h3{margin:6px 0;font-size:15px;line-height:1.25}.product p{color:#666;font-size:12px;line-height:1.35}.price{font-weight:700;font-size:17px;margin:9px 0}.add{width:100%;padding:9px;border:1px solid #181818;background:#fff;border-radius:4px;font-weight:700;cursor:pointer}.add:hover{background:#181818;color:#fff}.offer{background:#181818;color:#fff;border-radius:8px;padding:45px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}.offer h2{color:#fff;margin-bottom:10px}.offer p:not(.kicker){color:#ccc}.offer .btn{white-space:nowrap}footer{background:#111;color:#fff;padding:35px 7%;display:flex;justify-content:space-between;gap:20px;font-size:13px}.shade{display:none;position:fixed;inset:0;background:#0008;z-index:29}.shade.open{display:block}.cart{position:fixed;right:-440px;top:0;width:min(440px,100%);height:100vh;background:#fff;z-index:30;padding:24px;transition:.25s;display:flex;flex-direction:column}.cart.open{right:0}.cart-head{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:15px}.cart h2{font:500 34px Georgia,serif;margin:0}.x{background:none;border:0;font-size:32px;cursor:pointer}.cart-items{flex:1;overflow:auto}.cart-line{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eee;padding:15px 0}.cart-line-info{min-width:0;flex:1}.cart-line-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.qty{display:flex;gap:7px;align-items:center}.qty button{width:28px;height:28px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.cart-remove{border:1px solid #ddd;background:#fff;color:#444;border-radius:4px;padding:6px 8px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.cart-remove:hover{background:#181818;color:#fff;border-color:#181818}.total{display:flex;justify-content:space-between;font-size:20px;border-top:1px solid #ddd;padding:18px 0}.full{width:100%;text-align:center}.cart small{color:#777;text-align:center;margin-top:10px}.admin-body{background:#f5f3f1}.admin-top{height:75px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:8px 5%}.admin-top>div{display:flex;gap:25px;align-items:center}.admin{max-width:1250px;margin:35px auto;display:grid;grid-template-columns:220px 1fr;gap:25px;padding:0 20px}.admin-menu{background:#fff;border:1px solid #ddd;border-radius:7px;padding:10px;height:max-content}.admin-menu button{width:100%;padding:13px;text-align:left;border:0;background:#fff;border-radius:5px;cursor:pointer}.admin-menu button.active,.admin-menu button:hover{background:#181818;color:#fff}.admin-list{display:grid;gap:10px}.admin-item,.card{background:#fff;border:1px solid #ddd8d4;border-radius:7px;padding:17px;display:flex;align-items:center;gap:15px}.admin-item img{width:65px;height:65px;object-fit:cover;background:#eee}.admin-item .grow{flex:1}.admin-item button{border:1px solid #ccc;background:#fff;padding:9px;border-radius:4px;cursor:pointer}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:50;padding:20px}.modal-box{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:8px;padding:25px}.modal-head{display:flex;justify-content:space-between}.modal-box label{display:block;font-size:13px;font-weight:700;margin:13px 0}.modal-box input,.modal-box select,.modal-box textarea{width:100%;padding:11px;margin-top:6px;border:1px solid #ccc;border-radius:4px;font:inherit}.check{display:flex!important;gap:8px;align-items:center}.check input{width:auto!important;margin:0!important}.hint{color:#777;font-size:12px}.empty{color:#777;padding:25px;background:#fff;border:1px dashed #ccc}@media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pic{height:205px}}@media(max-width:850px){.nav{min-height:68px;padding:6px 4%}.nav-actions{gap:0}.nav nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:55px 7%}.hero-copy{justify-self:start}.hero-logo{justify-self:center;max-width:360px}.hero-logo-tagline{font-size:16px}.cats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.offer,footer{flex-direction:column;align-items:flex-start}.admin{grid-template-columns:1fr}.admin-menu{display:flex;overflow:auto}.admin-menu button{white-space:nowrap}.heading-row{align-items:stretch;flex-direction:column}}@media(max-width:500px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pic{height:175px}.product-body{padding:10px}.product h3{font-size:14px}.product p{font-size:11px}.price{font-size:16px}.hero{padding:50px 6%}.hero-logo{max-width:320px}.hero-logo-tagline{font-size:13px;letter-spacing:.16em}.cats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.section{padding:55px 5%}.hero{padding:55px 6%}.hero h1{font-size:55px}}

/* --- Organización avanzada de catálogo --- */
.section-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-intro p:not(.kicker){color:#666;max-width:620px;margin:0;line-height:1.6}.filter-block{margin-top:28px;padding-top:22px;border-top:1px solid #e4dfdb;display:grid;gap:20px}.filter-label{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chips button,.cats button{transition:.15s}.filter-chips button{padding:9px 13px;background:#fff;border:1px solid #ddd8d4;border-radius:999px;cursor:pointer}.filter-chips button.selected,.filter-chips button:hover,.cats button.selected,.cats button:hover{background:#181818;color:#fff;border-color:#181818}.cats button.selected{font-weight:700}.catalog-help{margin:0;color:#777;font-size:14px}.product{position:relative}.pic{position:relative}.offer-badge{position:absolute;left:12px;top:12px;background:#181818;color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700;letter-spacing:.12em}.model-line{margin:0 0 8px!important;color:#444!important}.size-list{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px}.size-list span{font-size:11px;color:#777;margin-right:2px}.size-list b{font-size:11px;border:1px solid #ddd8d4;border-radius:999px;padding:4px 7px;background:#faf9f7}.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px}.product-bottom small{color:#777;font-size:11px}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.secondary{padding:9px;border:1px solid #181818;background:#fff;color:#181818;border-radius:4px;font-weight:700;cursor:pointer}.secondary:hover{background:#f0eeec}.add:disabled{opacity:.45;cursor:not-allowed}.detail-modal{position:fixed;inset:0;background:#0009;z-index:60;display:grid;place-items:center;padding:20px}.detail-box{position:relative;width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:10px;padding:25px}.detail-x{position:absolute;right:15px;top:8px;z-index:2}.detail-content{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:30px;align-items:center}.detail-image{height:470px;background:#f0eeec;border-radius:8px;overflow:hidden;display:grid;place-items:center;color:#777}.detail-image img{width:100%;height:100%;object-fit:contain}.detail-info h2{font:500 42px Georgia,serif;margin:8px 0 15px}.detail-info p{color:#666;line-height:1.6}.detail-price{font-size:28px;font-weight:700;margin:22px 0 4px}.stock-note{font-size:13px}.detail-sizes>b{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.detail-sizes>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.detail-sizes span{border:1px solid #ccc;border-radius:999px;padding:7px 10px;font-size:12px}.detail-info .full{margin-top:12px}

@media(max-width:1000px){.collections{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:minmax(0,1.15fr) minmax(240px,340px)}}
@media(max-width:700px){.collections{grid-template-columns:1fr 1fr}.collection-image{height:170px}.detail-content{grid-template-columns:1fr}.detail-image{height:320px}.detail-info h2{font-size:34px}.product-actions{grid-template-columns:1fr}.section-intro{align-items:start;flex-direction:column}}
@media(max-width:500px){.collections{grid-template-columns:1fr}.collection-image{height:220px}.filter-chips{gap:6px}.filter-chips button{padding:8px 11px}.hero-logo{max-width:300px}.hero-logo-tagline{font-size:12px}.detail-box{padding:18px}.detail-image{height:280px}}
.filter-empty{display:inline-block;color:#777;font-size:13px;padding:10px 0}

.offer-grid{margin-top:0}.offer-grid .product{height:100%}


/* ===== HERO REALISTA — conserva la esencia original ===== */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(247,246,244,.96) 0%,rgba(247,246,244,.91) 34%,rgba(247,246,244,.67) 54%,rgba(247,246,244,.22) 76%,rgba(247,246,244,.10) 100%),
    url("hero-products.png") center center/cover no-repeat;
  min-height:70vh;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.08));
  z-index:-1;
  pointer-events:none;
}
.hero-copy,.hero-logo{position:relative;z-index:1}
.hero-copy{
  text-shadow:0 1px 10px rgba(255,255,255,.30);
}
.hero-logo{
  padding:20px;
  border-radius:22px;
  background:rgba(247,246,244,.17);
  backdrop-filter:blur(1.5px);
}
.hero-logo img{filter:drop-shadow(0 8px 14px rgba(255,255,255,.34))}
.hero-logo-tagline{text-shadow:0 1px 8px rgba(255,255,255,.75)}
.hero-actions{
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:25px;
}
.hero-primary{
  background:#e8bf72;
  color:#181818;
  padding:15px 22px;
  box-shadow:0 8px 22px rgba(0,0,0,.10);
}
.hero-primary:hover{background:#f0cd88}
.hero-primary span{font-size:18px;margin-left:8px}
.hero-secondary{
  color:#181818;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid #181818;
  padding-bottom:3px;
}
.hero-secondary:hover{opacity:.65}

/* ===== BARRA DE BENEFICIOS ===== */
.feature-bar{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#fff;
  border-bottom:1px solid #e1ddd8;
  border-top:1px solid #e1ddd8;
}
.feature-item{
  min-height:82px;
  padding:18px 24px;
  display:flex;
  align-items:center;
  gap:12px;
  border-right:1px solid #e1ddd8;
}
.feature-item:last-child{border-right:0}
.feature-icon{
  width:28px;
  flex:0 0 28px;
  text-align:center;
  color:#b08a45;
  font-size:18px;
}
.feature-item b{display:block;font-size:13px;margin-bottom:4px}
.feature-item small{display:block;color:#777;font-size:11px}

@media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pic{height:205px}}@media(max-width:850px){
  .hero{
    background-position:center center;
    background:
      linear-gradient(180deg,rgba(247,246,244,.93) 0%,rgba(247,246,244,.82) 48%,rgba(247,246,244,.38) 100%),
      url("hero-products.png") center center/cover no-repeat;
  }
  .hero-actions{gap:18px;flex-wrap:wrap}
  .feature-bar{grid-template-columns:repeat(2,1fr)}
  .feature-item:nth-child(2){border-right:0}
  .feature-item:nth-child(-n+2){border-bottom:1px solid #e1ddd8}
}
@media(max-width:500px){
  .hero{min-height:auto;padding:48px 6% 42px;background-position:58% center}
  .hero-copy{max-width:100%}
  .hero h1{font-size:55px}
  .hero-actions{align-items:flex-start;gap:15px}
  .hero-primary{padding:14px 17px}
  .hero-logo{max-width:300px;margin:5px auto 0;padding:12px}
  .feature-bar{grid-template-columns:1fr}
  .feature-item{border-right:0!important;border-bottom:1px solid #e1ddd8!important;min-height:72px;padding:15px 20px}
  .feature-item:last-child{border-bottom:0!important}
}

/* ===== V7: HERO REALISTA + OFERTAS DESTACADAS ===== */
.hero{
  background:
    linear-gradient(90deg,rgba(247,246,244,.97) 0%,rgba(247,246,244,.92) 32%,rgba(247,246,244,.66) 53%,rgba(247,246,244,.18) 78%,rgba(247,246,244,.08) 100%),
    url("hero-products.png") center center/cover no-repeat;
}
 .offers-section{padding-top:55px;padding-left:0;padding-right:0}
.offers-hero{
  display:block;
  width:100%;
  border-radius:10px;
  overflow:hidden;
  position:relative;
  background:#eee;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.offers-hero img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.offers-hero:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,0,0,.11)}
.offers-products-intro{margin:55px 7% 0}
@media(max-width:850px){
  .offers-section{padding-top:40px}
  .offers-hero{border-radius:0}
}
@media(max-width:500px){
  .offers-hero{border-radius:7px}
  .offers-products-intro{margin:40px 5% 0}
}

/* ===== V8.1: CATEGORÍAS Y MARCAS — UN SOLO CONTROL POR ELEMENTO ===== */
.showcase-section{padding-top:42px;padding-bottom:34px;background:#fff}
.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.showcase-heading h2{margin:0;font-size:31px;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.showcase-heading .kicker{margin-bottom:7px}
.showcase-link{border:0;background:none;color:#555;font-size:13px;cursor:pointer;padding:6px 0}
.showcase-link span{font-size:18px;margin-left:5px}
.visual-cats{display:grid;grid-template-columns:repeat(11,minmax(70px,1fr));gap:10px;align-items:start}
.visual-cat{min-width:0;text-align:center;display:block;width:100%}
.visual-cat-image{width:92px;height:92px;max-width:100%;margin:0 auto 9px;padding:0;border:0;border-radius:50%;background:#efede9;display:grid;place-items:center;overflow:hidden;transition:.18s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.025);cursor:pointer}
.visual-cat-image img{width:100%;height:100%;object-fit:cover;display:block}
.visual-cat-name{display:block;margin:0 auto;padding:7px 13px;border:1px solid #ddd8d4;background:#fff;color:#181818;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:.15s;max-width:100%}
.visual-cat-name:hover,.visual-cat.selected .visual-cat-name{background:#181818;color:#fff;border-color:#181818}
.brands-heading{margin-top:28px;margin-bottom:12px}
.featured-brands{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.featured-brand{height:60px;width:100%;border:1px solid #ddd;background:#111;color:#fff;border-radius:2px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:.15s;overflow:hidden}
.featured-brand img{width:100%;height:100%;display:block;object-fit:cover}
.featured-brand:hover{background:#222;transform:translateY(-1px);box-shadow:0 7px 16px rgba(0,0,0,.10)}
.catalog-filters{margin:0 0 28px;padding:18px 0 0;border-top:1px solid #ece8e4}
@media(max-width:1100px){.visual-cats{grid-template-columns:repeat(6,1fr);row-gap:20px}.featured-brands{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.showcase-section{padding-top:32px}.visual-cats{grid-template-columns:repeat(4,1fr);gap:14px 8px}.visual-cat-image{width:76px;height:76px}.visual-cat-name{font-size:11px}.featured-brands{grid-template-columns:repeat(2,1fr)}.featured-brand{height:54px}}
@media(max-width:500px){.visual-cats{grid-template-columns:repeat(3,1fr)}.featured-brands{grid-template-columns:repeat(2,1fr)}.showcase-heading h2{font-size:27px}}


/* Acceso sencillo a todo el catálogo: un solo botón para usuarios nuevos */
.catalog-quick-actions{margin-top:28px;display:flex;justify-content:flex-start}
.catalog-all-btn{padding:11px 18px;border:1px solid #181818;background:#181818;color:#fff;border-radius:999px;font-weight:700;cursor:pointer;transition:.15s}
.catalog-all-btn span{margin-left:8px}
.catalog-all-btn:hover{background:#fff;color:#181818}


/* ===== INICIO NUEVO — referencia visual proporcionada ===== */
.nav{min-height:70px;padding:0 5%;background:rgba(255,255,255,.97);border-bottom:1px solid #e5e2df;backdrop-filter:blur(8px)}
.nav-actions{justify-content:space-between;gap:28px;max-width:1680px;margin:0 auto}
.nav nav{align-items:center;gap:0;flex:1;justify-content:center}
.nav nav a{position:relative;padding:25px 24px 22px;font-size:16px;white-space:nowrap}
.nav nav a:hover{color:#000}
.nav nav a.active{font-weight:700}
.nav nav a.active::after{content:"";position:absolute;left:24px;right:24px;bottom:14px;height:2px;background:#181818}
.nav-tools{display:flex;align-items:center;gap:20px;margin-left:auto}
.nav-icon{color:#181818;text-decoration:none;font-size:34px;line-height:1;width:32px;height:42px;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:300}
.nav-icon:hover{opacity:.65}
.favorites-nav-btn{position:relative;background:none;border:0;padding:0;cursor:pointer;}
.favorites-nav-btn > span{display:grid;place-items:center;}
.favorites-nav-btn > b{position:absolute;right:-8px;top:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#181818;color:#fff;font:700 10px/17px Arial,sans-serif;text-align:center;}
.favorites-nav-btn:hover{opacity:.65}
.favorites-panel{z-index:1001;}
.favorite-items{display:flex;flex-direction:column;gap:12px;}
.favorite-line{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #e9e9e9;}
.favorite-line-image{width:64px;height:76px;border-radius:8px;overflow:hidden;background:#f4f4f4;display:grid;place-items:center;font-size:10px;color:#777;}
.favorite-line-image img{width:100%;height:100%;object-fit:cover;display:block;}
.favorite-line-info{min-width:0;display:flex;flex-direction:column;gap:4px;}
.favorite-line-info>b{font-size:13px;line-height:1.25;}
.favorite-line-info>small{font-size:11px;color:#666;}
.favorite-line-actions{display:flex;gap:6px;margin-top:4px;}
.favorite-add,.favorite-remove{border:0;border-radius:6px;padding:7px 8px;font-size:10px;font-weight:700;cursor:pointer;}
.favorite-add{background:#181818;color:#fff;}
.favorite-add:disabled{opacity:.45;cursor:not-allowed;}
.favorite-remove{background:#eee;color:#222;}
.product-heart.is-favorite{background:#181818;color:#fff;}

.cart-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:60px;height:60px;padding:0;background:#252525;border-radius:50%;font-size:15px}
.cart-icon{font-size:17px;filter:grayscale(1) brightness(4)}
.cart-btn b{font-size:14px}
.home-hero{min-height:0;height:auto;aspect-ratio:1983/721;padding:0;display:block;background:url("hero-home.jpg") center center/cover no-repeat!important;position:relative;overflow:hidden}
.home-hero::before,.home-hero::after{display:none!important}
.home-hero .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1100px){
  .nav nav a{padding-left:12px;padding-right:12px;font-size:14px}
  .nav nav a.active::after{left:12px;right:12px}
  .nav-tools{gap:10px}
}
@media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pic{height:205px}}@media(max-width:850px){
  .nav{min-height:64px;padding:0 4%}
  .nav-actions{gap:8px}
  .nav nav{display:none}
  .nav-tools{margin-left:auto}
  .nav-icon{font-size:30px}
  .cart-btn{width:52px;height:52px}
  .home-hero{aspect-ratio:1983/721;background-position:center center!important}
}
@media(max-width:500px){
  .nav{min-height:58px}
  .nav-icon{font-size:28px;width:30px}
  .cart-btn{width:48px;height:48px}
  .home-hero{aspect-ratio:4/3;background-position:center center!important}
}


/* ===== CATÁLOGO — ORGANIZACIÓN LIMPIA / FONDO GRIS SUAVE ===== */
.catalog-section{
  position:relative;
  overflow:hidden;
  padding:72px 5% 86px;
  background:#e9e7e4;
  isolation:isolate;
}
.catalog-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 15% 15%,rgba(255,255,255,.62),transparent 34%),
    radial-gradient(circle at 86% 70%,rgba(255,255,255,.38),transparent 36%),
    linear-gradient(135deg,#efedea 0%,#e5e3e0 100%);
}
.catalog-shell{max-width:1420px;margin:0 auto}
.catalog-header{text-align:center;max-width:850px;margin:0 auto 34px}
.catalog-header .kicker{margin-bottom:9px;color:#252525}
.catalog-header h2{margin:0 0 12px;font:500 clamp(42px,5vw,64px)/1 Georgia,serif}
.catalog-help{margin:0 auto;color:#555;font-size:14px;line-height:1.6;max-width:650px}
.catalog-search-wrap{position:relative;width:min(470px,100%);margin:25px auto 0}
.catalog-search{width:100%;height:48px;padding:0 20px 0 48px;border:1px solid rgba(24,24,24,.12);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(0,0,0,.06);font-size:13px;outline:none}
.catalog-search:focus{border-color:rgba(24,24,24,.35);box-shadow:0 7px 22px rgba(0,0,0,.09)}
.catalog-search-icon{position:absolute;left:19px;top:50%;transform:translateY(-52%);font-size:28px;line-height:1;color:#333;z-index:1;pointer-events:none}
.catalog-controls{display:flex;align-items:center;justify-content:center;gap:42px;margin:0 auto 28px;padding:17px 22px;width:min(1050px,100%);background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.72);border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.045);backdrop-filter:blur(5px)}
.catalog-control-group{display:flex;align-items:center;gap:12px}
.catalog-control-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#555;white-space:nowrap}
.catalog-all-btn{padding:10px 17px;border:1px solid #181818;background:#181818;color:#fff;border-radius:999px;font-weight:700;cursor:pointer;transition:.15s}
.catalog-all-btn span{margin-left:7px}
.catalog-all-btn:hover{background:#fff;color:#181818}
.catalog-size-control{min-width:0}
.catalog-size-control .filter-chips{display:flex;flex-wrap:wrap;gap:7px}
.catalog-size-control .filter-chips button{min-width:42px;padding:9px 13px;background:rgba(255,255,255,.78);border:1px solid rgba(24,24,24,.12);border-radius:999px;color:#333;font-size:12px;cursor:pointer;transition:.15s}
.catalog-size-control .filter-chips button.selected,.catalog-size-control .filter-chips button:hover{background:#181818;color:#fff;border-color:#181818}
.catalog-products-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding:0 3px}
.catalog-products-head span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#555}
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.catalog-grid .product{border:1px solid rgba(24,24,24,.08);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.06);transition:transform .18s,box-shadow .18s}
.catalog-grid .product:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.10)}
.catalog-grid .pic{height:285px;background:#f4f3f1}
.catalog-grid .product-body{background:#fff}
@media(max-width:900px){
  .catalog-section{padding:58px 5% 68px}
  .catalog-controls{gap:22px;justify-content:space-between}
  .catalog-control-group{align-items:flex-start;flex-direction:column;gap:8px}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .catalog-section{padding:48px 4% 58px}
  .catalog-header{margin-bottom:25px}
  .catalog-header h2{font-size:42px}
  .catalog-controls{align-items:stretch;flex-direction:column;gap:18px;padding:16px}
  .catalog-control-group{flex-direction:row;align-items:center}
  .catalog-size-control{align-items:flex-start;flex-direction:column}
  .catalog-grid{grid-template-columns:1fr;gap:14px}
  .catalog-grid .pic{height:300px}
}


/* === Catálogo V3: versión compacta === */
#catalogo.catalogo-compact { background:#f1f0ee; }
#catalogo.catalogo-compact .heading-row { display:block; text-align:center; margin-bottom:18px; }
#catalogo.catalogo-compact .heading-row > div { max-width:760px; margin:0 auto; }
#catalogo.catalogo-compact .kicker { margin-bottom:6px; font-size:10px; }
#catalogo.catalogo-compact h2 { font-size:38px; margin:0 0 8px; }
#catalogo.catalogo-compact .catalog-help { font-size:13px; }
#catalogo.catalogo-compact .search { display:block; width:min(340px,100%); margin:14px auto 0; padding:11px 15px; border-radius:999px; background:#fff; }
#catalogo.catalogo-compact .catalog-quick-actions { display:flex; justify-content:center; margin:0 0 10px; }
#catalogo.catalogo-compact .catalog-filters { margin:0 auto 14px; padding:11px 18px; border:1px solid #e2dfdb; border-radius:10px; background:rgba(255,255,255,.72); display:flex; align-items:center; justify-content:center; gap:22px; max-width:760px; }
#catalogo.catalogo-compact .catalog-filters > div { display:flex; align-items:center; gap:9px; }
#catalogo.catalogo-compact .filter-label { margin:0; font-size:9px; }
#catalogo.catalogo-compact .filter-chips { gap:6px; }
#catalogo.catalogo-compact .filter-chips button { padding:7px 11px; font-size:12px; }
#catalogo.catalogo-compact .catalog-quick-actions .catalog-all-btn { padding:8px 13px; font-size:12px; }
#catalogo.catalogo-compact .catalog-products-title { margin:0 0 10px; font-size:10px; letter-spacing:.16em; font-weight:700; }
#catalogo.catalogo-compact .grid { gap:16px; }
@media(max-width:700px){
 #catalogo.catalogo-compact h2{font-size:34px}
 #catalogo.catalogo-compact .catalog-filters{flex-wrap:wrap;gap:10px 16px}
 #catalogo.catalogo-compact .catalog-filters > div{flex-wrap:wrap;justify-content:center}
}

/* === Catálogo V3.1: compacto y proporcionado === */
.catalog-section{background:#f1f0ee!important;padding:52px 6% 64px!important}
.catalog-shell{max-width:1180px;margin:0 auto}
.catalog-header{text-align:center!important;margin:0 auto 18px!important}
.catalog-header .kicker{font-size:9px!important;letter-spacing:.18em!important;margin-bottom:5px!important}
.catalog-header h2{font-size:38px!important;line-height:1!important;margin:0 0 8px!important}
.catalog-help{font-size:12px!important;line-height:1.45!important}
.catalog-search-wrap{width:min(340px,100%)!important;margin:13px auto 0!important}
.catalog-search{height:38px!important;padding:9px 14px 9px 34px!important;font-size:12px!important;border-radius:999px!important}
.catalog-search-icon{left:12px!important;font-size:18px!important}
.catalog-controls{max-width:850px!important;margin:0 auto 14px!important;padding:10px 16px!important;border-radius:10px!important;gap:26px!important;justify-content:center!important;align-items:center!important}
.catalog-control-group{gap:9px!important;align-items:center!important}
.catalog-control-label{font-size:9px!important;letter-spacing:.14em!important}
.catalog-all-btn{padding:7px 12px!important;font-size:11px!important}
.filter-chips{gap:5px!important}
.filter-chips button{padding:6px 10px!important;font-size:11px!important}
.catalog-products-head{margin:0 0 9px!important;font-size:9px!important;letter-spacing:.16em!important}
.catalog-grid{gap:16px!important}
@media(max-width:700px){
 .catalog-section{padding:44px 5% 55px!important}
 .catalog-header h2{font-size:34px!important}
 .catalog-controls{gap:12px!important;padding:10px 12px!important}
 .catalog-control-group{gap:7px!important}
}

/* === Catálogo V4: diseño tipo pestañas, basado en la opción 3 === */
.catalog-section{background:#f1f0ee!important;padding:46px 5% 62px!important}
.catalog-shell{max-width:1180px;margin:0 auto}
.catalog-header-tabs{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:30px!important;text-align:left!important;margin:0 auto 20px!important}
.catalog-title-block{min-width:0}
.catalog-title-block .kicker{font-size:9px!important;letter-spacing:.18em!important;margin:0 0 5px!important}
.catalog-title-block h2{font-size:40px!important;line-height:1!important;margin:0 0 7px!important}
.catalog-title-block .catalog-help{font-size:13px!important;line-height:1.4!important;margin:0!important}
.catalog-header-tabs .catalog-search-wrap{width:min(370px,42%)!important;margin:0!important;flex:none}
.catalog-header-tabs .catalog-search{height:40px!important;padding:9px 14px 9px 35px!important;font-size:12px!important;border-radius:999px!important;background:#fff!important}
.catalog-category-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 0 13px;padding:4px 0;border-bottom:1px solid #ddd8d3}
.catalog-category-tabs::-webkit-scrollbar{display:none}
.catalog-category-tab{flex:0 0 auto;border:0;background:transparent;color:#555;padding:9px 16px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:.16s}
.catalog-category-tab:hover{background:#e7e4e1;color:#181818}
.catalog-category-tab.active{background:#181818;color:#fff}
.catalog-section .catalog-controls{max-width:none!important;margin:0 0 16px!important;padding:8px 0!important;background:transparent!important;border:0!important;border-radius:0!important;justify-content:flex-start!important;gap:12px!important}
.catalog-section .catalog-control-group{gap:9px!important;align-items:center!important}
.catalog-section .catalog-control-label{font-size:10px!important;letter-spacing:.12em!important;color:#555!important}
.catalog-section .filter-chips{gap:5px!important}
.catalog-section .filter-chips button{padding:6px 11px!important;font-size:11px!important;background:#fff!important;border:1px solid #d8d4d0!important;border-radius:999px!important;color:#444!important}
.catalog-section .filter-chips button.selected,.catalog-section .filter-chips button:hover{background:#181818!important;color:#fff!important;border-color:#181818!important}
.catalog-products-head{border-top:0!important;margin:0 0 10px!important;padding:0 2px!important}
.catalog-products-head span{font-size:9px!important;letter-spacing:.16em!important;color:#555!important}
.catalog-grid{gap:16px!important}
@media(max-width:760px){
 .catalog-section{padding:40px 5% 55px!important}
 .catalog-header-tabs{align-items:stretch!important;flex-direction:column!important;gap:13px!important}
 .catalog-header-tabs .catalog-search-wrap{width:100%!important}
 .catalog-title-block h2{font-size:36px!important}
 .catalog-category-tabs{margin-bottom:11px}
 .catalog-category-tab{padding:8px 13px;font-size:11px}
 .catalog-section .catalog-controls{margin-bottom:13px!important}
}

/* === Catálogo V5: encabezado ligeramente más grande y mejor aprovechamiento superior === */
.catalog-section{padding-top:30px!important;padding-bottom:62px!important}
.catalog-header-tabs{margin-bottom:22px!important;gap:34px!important}
.catalog-title-block .kicker{font-size:10px!important;margin-bottom:6px!important}
.catalog-title-block h2{font-size:48px!important;line-height:.98!important;margin-bottom:9px!important}
.catalog-title-block .catalog-help{font-size:14px!important;line-height:1.45!important}
.catalog-header-tabs .catalog-search-wrap{width:min(400px,44%)!important}
.catalog-header-tabs .catalog-search{height:44px!important;padding:10px 16px 10px 38px!important;font-size:13px!important}
.catalog-search-icon{left:13px!important;font-size:19px!important}
.catalog-category-tabs{margin-bottom:14px!important}
.catalog-category-tab{padding:9px 16px!important;font-size:12px!important}
@media(max-width:760px){
 .catalog-section{padding-top:26px!important}
 .catalog-title-block h2{font-size:42px!important}
 .catalog-title-block .catalog-help{font-size:13px!important}
 .catalog-header-tabs .catalog-search-wrap{width:100%!important}
 .catalog-header-tabs .catalog-search{height:42px!important}
}

/* V8 — ajuste final del encabezado del catálogo */
.catalog-title-block{flex:0 0 38%!important}
.catalog-header-tabs .catalog-search-wrap{width:auto!important;flex:1 1 auto!important;max-width:none!important}
.catalog-header-tabs .catalog-search{width:100%!important;height:46px!important;font-size:13px!important}
.catalog-title-block h2{margin-bottom:6px!important}
.catalog-title-block .catalog-help{font-size:13px!important}
@media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pic{height:205px}}@media(max-width:850px){
  .catalog-title-block{flex-basis:auto!important}
  .catalog-header-tabs .catalog-search-wrap{width:100%!important}
}

/* V9 — encabezado del catálogo: misma posición de referencia y buscador extendido */
.catalog-section .catalog-header-tabs{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:42px!important;
  text-align:left!important;
  width:100%!important;
  margin:0 0 20px!important;
}
.catalog-section .catalog-title-block{
  flex:0 0 34%!important;
  min-width:300px!important;
}
.catalog-section .catalog-header-tabs .catalog-search-wrap{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
}
.catalog-section .catalog-header-tabs .catalog-search{
  width:100%!important;
  height:48px!important;
}
@media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pic{height:205px}}@media(max-width:850px){
  .catalog-section .catalog-header-tabs{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .catalog-section .catalog-title-block{flex-basis:auto!important;min-width:0!important}
  .catalog-section .catalog-header-tabs .catalog-search-wrap{width:100%!important}
}


/* === Catálogo V11: tarjetas compactas, ordenadas y estilo boutique === */
.catalog-products-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 14px;padding:0 2px;}
.catalog-products-title{display:flex;align-items:baseline;gap:10px;min-width:0;}
.catalog-products-title h3{margin:0;font:600 18px/1.2 Arial,Helvetica,sans-serif;color:#181818;}
.catalog-products-title span{font-size:11px;color:#777;}
.catalog-sort{display:flex;align-items:center;gap:8px;color:#777;font-size:11px;white-space:nowrap;}
.catalog-sort select{border:1px solid #ddd8d4;background:#fff;border-radius:999px;padding:8px 28px 8px 12px;font:inherit;color:#333;outline:none;}
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
.catalog-grid .product{border:1px solid #e4dfdb;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.045);overflow:hidden;background:#fff;}
.catalog-grid .product:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08);}
.catalog-grid .pic{height:205px!important;background:#f3f1ef;position:relative;}
.catalog-grid .pic img{width:100%;height:100%;object-fit:contain!important;object-position:center center!important;padding:8px;box-sizing:border-box;display:block;}
.catalog-grid .product-body{padding:10px 11px 11px;}
.catalog-grid .tag{font-size:8px;letter-spacing:.11em;margin-bottom:4px;}
.catalog-grid .product h3{font-size:14px;line-height:1.2;margin:3px 0 5px;}
.catalog-grid .model-line{font-size:10px!important;margin:0 0 5px!important;}
.catalog-grid .size-list{margin-top:6px;gap:4px;}
.catalog-grid .size-list span,.catalog-grid .size-list b{font-size:9px;}
.catalog-grid .size-list b{padding:3px 6px;}
.catalog-grid .product-bottom{margin-top:8px;align-items:center;}
.catalog-grid .price{font-size:17px;margin:0;}
.catalog-grid .product-bottom small{font-size:9px;}
.catalog-grid .catalog-add{margin-top:9px;width:100%;padding:8px 9px;border:0;border-radius:5px;background:#181818;color:#fff;font-size:11px;font-weight:700;cursor:pointer;}
.catalog-grid .catalog-add:hover{background:#333;}
.catalog-grid .catalog-add:disabled{opacity:.45;cursor:not-allowed;}
.catalog-grid .offer-badge{left:8px;top:8px;padding:5px 7px;font-size:8px;border-radius:4px;}
.product-heart{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#444;font-size:17px;line-height:27px;padding:0;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.product-heart:hover{background:#fff;color:#111;}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:760px){.catalog-products-toolbar{align-items:flex-start;}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}.catalog-grid .pic{height:180px!important;}.catalog-grid .product-body{padding:9px;}.catalog-grid .product h3{font-size:13px;}.catalog-sort span{display:none;}}
@media(max-width:500px){.catalog-products-toolbar{gap:10px;}.catalog-products-title h3{font-size:16px;}.catalog-grid .pic{height:165px!important;}.catalog-grid .product-bottom small{display:none;}}

/* === Catálogo V12: tarjetas perfectamente alineadas === */
.catalog-grid{align-items:stretch!important;grid-auto-rows:1fr!important;}
.catalog-grid .product{height:100%!important;display:flex!important;flex-direction:column!important;}
.catalog-grid .product-body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;}
.catalog-grid .product-body .product-bottom{margin-top:auto!important;}
.catalog-grid .catalog-add{margin-top:10px!important;}
/* Mantener una altura uniforme para el contenido variable de cada producto */
.catalog-grid .model-line{min-height:18px;}
.catalog-grid .size-list{min-height:22px;}
@media(max-width:760px){
  .catalog-grid{grid-auto-rows:auto!important;}
  .catalog-grid .product{height:100%!important;}
}

/* V14 — imágenes de producto completas y botones de acción visibles */
.catalog-grid .pic{
  height:255px !important;
  min-height:255px !important;
  background:#f5f4f2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:12px !important;
}
.catalog-grid .pic img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:auto !important;
  padding:0 !important;
}
.catalog-grid .product-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:7px !important;
  margin-top:10px !important;
}
.catalog-grid .product-actions .secondary,
.catalog-grid .product-actions .add{
  width:100% !important;
  min-width:0 !important;
  min-height:38px !important;
  padding:9px 7px !important;
  font-size:11px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}
.catalog-grid .product-actions .secondary{
  background:#fff !important;
  color:#181818 !important;
  border:1px solid #181818 !important;
}
.catalog-grid .product-actions .secondary:hover{
  background:#f0eeec !important;
}
.catalog-grid .product-actions .add{
  background:#181818 !important;
  color:#fff !important;
  border:1px solid #181818 !important;
}
.catalog-grid .product-actions .add:hover{
  background:#333 !important;
  color:#fff !important;
}
@media(max-width:1100px){
  .catalog-grid .pic{height:235px !important;min-height:235px !important;}
}
@media(max-width:760px){
  .catalog-grid .pic{height:205px !important;min-height:205px !important;padding:9px !important;}
  .catalog-grid .product-actions{grid-template-columns:1fr 1fr !important;}
  .catalog-grid .product-actions .secondary,
  .catalog-grid .product-actions .add{font-size:10px !important;padding:8px 5px !important;}
}
@media(max-width:500px){
  .catalog-grid .pic{height:195px !important;min-height:195px !important;}
}

/* V16 — catálogo compacto: cinco productos por fila y separación uniforme */
@media(min-width:1101px){
  .catalog-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .catalog-grid .pic{
    height:190px !important;
    min-height:190px !important;
  }
}
@media(min-width:851px) and (max-width:1100px){
  .catalog-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}
.catalog-grid .product{min-width:0 !important;}

/* ===== OFERTAS V16 — DISEÑO FINAL LIMPIO ===== */
.offers-section{
  padding:18px 10px 30px !important;
  background:#f7f6f4 !important;
}
.offers-premium{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:24px 34px 18px !important;
  border-radius:8px !important;
  overflow:hidden !important;
  position:relative !important;
  color:#fff !important;
  background-color:#0e0c0a !important;
  background-image:
    linear-gradient(90deg,rgba(14,12,10,.995) 0%,rgba(14,12,10,.98) 30%,rgba(14,12,10,.82) 52%,rgba(14,12,10,.22) 76%,rgba(14,12,10,.03) 100%),
    url('offers-illustration-clean.png') !important;
  background-repeat:no-repeat !important;
  background-position:left top,right top !important;
  background-size:100% 100%,62% auto !important;
  box-shadow:none !important;
}
.offers-premium::before,.offers-premium::after{display:none !important}
.offers-premium-head{
  min-height:185px !important;
  margin:0 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:24px !important;
  position:relative !important;
  z-index:2 !important;
}
.offers-premium-head>div{
  max-width:560px !important;
  padding:0 !important;
}
.offers-kicker{display:none !important}
.offers-premium h2 .offer-accent{color:#f2c66d !important;}
.offers-premium h2{
  margin:0 0 9px !important;
  color:#fff !important;
  font:500 clamp(48px,5.2vw,72px)/.92 Georgia,serif !important;
  letter-spacing:-.025em !important;
}
.offers-premium-head>div>p:not(.offers-kicker){
  margin:0 !important;
  max-width:620px !important;
  color:#f0ece6 !important;
  font-size:18px !important;
  line-height:1.35 !important;
}
.offers-catalog-btn{
  position:relative !important;
  z-index:3 !important;
  margin:72px 2px 0 auto !important;
  flex:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:13px 20px !important;
  border-radius:7px !important;
  background:#f2d083 !important;
  color:#18130d !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 4px 14px rgba(0,0,0,.22) !important;
}
.offers-catalog-btn:hover{background:#f7da95 !important}
.offer-category-tabs{
  position:relative !important;
  z-index:4 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:9px !important;
  margin:0 0 12px !important;
  padding:0 !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
.offer-category-tabs::-webkit-scrollbar{display:none}
.offer-category-tab{
  flex:0 0 auto !important;
  min-width:108px !important;
  height:38px !important;
  padding:0 17px !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:7px !important;
  background:rgba(17,15,13,.74) !important;
  color:#f5f0e8 !important;
  font:700 12px Arial,Helvetica,sans-serif !important;
  cursor:pointer !important;
}
.offer-category-tab:hover{border-color:#d5b268 !important;color:#fff !important}
.offer-category-tab.active{
  background:#f2d083 !important;
  border-color:#f2d083 !important;
  color:#18130d !important;
}
.offer-grid{
  position:relative !important;
  z-index:4 !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:9px !important;
  margin:0 !important;
}
.offer-grid .offer-product-card{
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#181818 !important;
  box-shadow:0 3px 10px rgba(0,0,0,.18) !important;
  overflow:hidden !important;
}
.offer-grid .offer-product-card .pic{
  height:165px !important;
  min-height:165px !important;
  padding:7px 9px 0 !important;
  background:#f7f6f3 !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
}
.offer-grid .offer-product-card .pic img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
.offer-grid .offer-product-card .offer-badge{
  left:auto !important;
  right:8px !important;
  top:8px !important;
  background:#ef1738 !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:5px 8px !important;
  font-size:8px !important;
  font-weight:800 !important;
}
.offer-grid .offer-product-card .product-body{
  padding:8px 10px 9px !important;
}
.offer-grid .offer-product-card .tag{
  margin:0 0 3px !important;
  color:#777 !important;
  font-size:8px !important;
  letter-spacing:.06em !important;
}
.offer-grid .offer-product-card h3{
  margin:0 0 4px !important;
  color:#171717 !important;
  font-size:14px !important;
  line-height:1.15 !important;
}
.offer-grid .offer-product-card .model-line{
  margin:0 0 4px !important;
  color:#888 !important;
  font-size:9px !important;
}
.offer-grid .offer-product-card .size-list{display:none !important}
.offer-grid .offer-product-card .product-bottom{
  margin-top:3px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
}
.offer-grid .offer-product-card .price{
  margin:0 !important;
  color:#ef1738 !important;
  font-size:18px !important;
  font-weight:800 !important;
}
.offer-grid .offer-product-card .product-bottom small{display:none !important}
.offer-cart-btn{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
  border:0 !important;
  border-radius:7px !important;
  background:#111 !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  font-size:16px !important;
}
.offer-cart-btn:disabled{opacity:.45 !important;cursor:not-allowed !important}
.offers-empty{
  grid-column:1/-1 !important;
  background:rgba(255,255,255,.04) !important;
  border:1px dashed rgba(255,255,255,.18) !important;
  border-radius:8px !important;
  padding:35px 20px !important;
  text-align:center !important;
}
.offers-empty h3{color:#fff !important}
.offers-empty p:not(.offers-kicker){color:#c9c1b7 !important}
@media(max-width:1100px){
  .offer-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:850px){
  .offers-section{padding:10px 8px 24px !important}
  .offers-premium{
    padding:22px 22px 15px !important;
    background-image:
      linear-gradient(180deg,rgba(14,12,10,.97) 0%,rgba(14,12,10,.88) 48%,rgba(14,12,10,.98) 72%),
      url('offers-illustration-clean.png') !important;
    background-position:left top,center top !important;
    background-size:100% 100%,100% auto !important;
  }
  .offers-premium-head{min-height:250px !important}
  .offers-catalog-btn{margin-top:0 !important;align-self:flex-end !important}
  .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .offer-grid .offer-product-card .pic{height:175px !important;min-height:175px !important}
}
@media(max-width:500px){
  .offers-section{padding:8px 6px 20px !important}
  .offers-premium{padding:18px 10px 12px !important;border-radius:7px !important}
  .offers-premium-head{min-height:225px !important;gap:10px !important}
  .offers-premium h2{font-size:44px !important}
  .offers-premium-head>div>p:not(.offers-kicker){font-size:12px !important;max-width:290px !important}
  .offers-catalog-btn{padding:10px 13px !important;font-size:11px !important}
  .offer-category-tab{min-width:auto !important;height:36px !important;padding:0 13px !important}
  .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important}
  .offer-grid .offer-product-card .pic{height:150px !important;min-height:150px !important}
  .offer-grid .offer-product-card .product-body{padding:7px 8px 8px !important}
  .offer-grid .offer-product-card h3{font-size:11px !important}
  .offer-grid .offer-product-card .price{font-size:15px !important}
  .offer-cart-btn{width:32px !important;height:32px !important;flex-basis:32px !important;font-size:14px !important}
}

/* ===== AJUSTE TEXTO OFERTAS ===== */
.offers-premium h2{font-size:72px !important;line-height:.95 !important;letter-spacing:-1.5px !important;margin:0 0 14px !important;}
.offers-premium-head>div>p:not(.offers-kicker){font-size:21px !important;line-height:1.25 !important;max-width:560px !important;margin:0 !important;}
@media(max-width:850px){.offers-premium h2{font-size:58px !important}.offers-premium-head>div>p:not(.offers-kicker){font-size:18px !important;max-width:470px !important;}}
@media(max-width:500px){.offers-premium h2{font-size:46px !important}.offers-premium-head>div>p:not(.offers-kicker){font-size:15px !important;max-width:300px !important;}}

/* ===== AJUSTE FINAL: LA ILUSTRACIÓN TERMINA JUSTO DEBAJO DE LOS CONTROLES ===== */
.offers-premium{
  --offers-visual-height:260px;
  background:#0e0c0a !important;
  background-image:none !important;
}
.offers-premium::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:var(--offers-visual-height) !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-color:#0e0c0a !important;
  background-image:
    linear-gradient(90deg,rgba(14,12,10,.995) 0%,rgba(14,12,10,.98) 30%,rgba(14,12,10,.82) 52%,rgba(14,12,10,.22) 76%,rgba(14,12,10,.03) 100%),
    url('offers-illustration-clean.png') !important;
  background-repeat:no-repeat !important;
  background-position:left top,right top !important;
  background-size:100% 100%,62% auto !important;
}
.offers-premium-head,
.offer-category-tabs,
.offer-grid{
  position:relative !important;
  z-index:2 !important;
}
.offer-grid{z-index:4 !important;}

@media(max-width:850px){
  .offers-premium{--offers-visual-height:322px;}
  .offers-premium::before{
    background-image:
      linear-gradient(180deg,rgba(14,12,10,.97) 0%,rgba(14,12,10,.88) 48%,rgba(14,12,10,.98) 100%),
      url('offers-illustration-clean.png') !important;
    background-position:left top,center top !important;
    background-size:100% 100%,100% auto !important;
  }
}
@media(max-width:500px){
  .offers-premium{--offers-visual-height:291px;}
}

/* ===== OFERTAS: TARJETA FINAL IGUAL AL DISEÑO DE REFERENCIA ===== */
.offer-grid .offer-product-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  border:1px solid #e4dfdb !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#181818 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.08) !important;
  overflow:hidden !important;
}
.offer-grid .offer-product-card .pic{
  height:245px !important;
  min-height:245px !important;
  padding:10px !important;
  background:#f7f6f4 !important;
}
.offer-grid .offer-product-card .pic img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  display:block !important;
}
.offer-grid .offer-product-card .offer-badge{
  left:auto !important;
  right:12px !important;
  top:12px !important;
  background:#ef1738 !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:7px 10px !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}
.offer-grid .offer-product-card .product-body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  padding:12px 13px 13px !important;
}
.offer-grid .offer-product-card .tag{
  margin:0 0 5px !important;
  color:#888 !important;
  font-size:10px !important;
  letter-spacing:.11em !important;
}
.offer-grid .offer-product-card h3{
  margin:0 0 6px !important;
  color:#181818 !important;
  font-size:18px !important;
  line-height:1.2 !important;
}
.offer-grid .offer-product-card .model-line{
  margin:0 0 7px !important;
  color:#777 !important;
  font-size:12px !important;
}
.offer-grid .offer-product-card .size-list{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:5px !important;
  margin-top:5px !important;
}
.offer-grid .offer-product-card .size-list span,
.offer-grid .offer-product-card .size-list b{
  font-size:11px !important;
}
.offer-grid .offer-product-card .size-list b{
  padding:4px 8px !important;
}
.offer-grid .offer-product-card .product-bottom{
  margin-top:auto !important;
  padding-top:10px !important;
  align-items:center !important;
}
.offer-grid .offer-product-card .price{
  color:#e5b33f !important;
  font-size:24px !important;
  font-weight:800 !important;
}
.offer-grid .offer-product-card .price-current{
  color:#e5b33f !important;
  font-size:24px !important;
  font-weight:800 !important;
}
.offer-grid .offer-product-card .product-bottom small{
  display:block !important;
  color:#777 !important;
  font-size:12px !important;
}
.offer-grid .offer-product-card .product-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
  margin-top:11px !important;
}
.offer-grid .offer-product-card .product-actions .secondary,
.offer-grid .offer-product-card .product-actions .add{
  min-height:42px !important;
  padding:9px 8px !important;
  border-radius:5px !important;
  font-size:12px !important;
  font-weight:700 !important;
}
.offer-grid .offer-product-card .product-actions .secondary{
  border:1px solid #181818 !important;
  background:#fff !important;
  color:#181818 !important;
}
.offer-grid .offer-product-card .product-actions .add{
  border:1px solid #181818 !important;
  background:#181818 !important;
  color:#fff !important;
}
.offer-grid .offer-product-card .product-actions .add:hover{background:#333 !important;}
.offer-grid .offer-product-card .product-actions .secondary:hover{background:#f0eeec !important;}
@media(max-width:1100px){
  .offer-grid .offer-product-card .pic{height:220px !important;min-height:220px !important;}
}
@media(max-width:850px){
  .offer-grid .offer-product-card .pic{height:205px !important;min-height:205px !important;}
}
@media(max-width:500px){
  .offer-grid .offer-product-card .pic{height:175px !important;min-height:175px !important;}
  .offer-grid .offer-product-card .product-body{padding:9px !important;}
  .offer-grid .offer-product-card h3{font-size:14px !important;}
  .offer-grid .offer-product-card .price{font-size:19px !important;}
  .offer-grid .offer-product-card .product-actions .secondary,
  .offer-grid .offer-product-card .product-actions .add{font-size:10px !important;min-height:36px !important;padding:7px 5px !important;}
}

/* ===== CATÁLOGO: MISMA PROPORCIÓN Y MÁRGENES QUE LAS TARJETAS DE OFERTAS ===== */
.catalog-grid .catalog-product-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  border:1px solid #e4dfdb !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#181818 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.08) !important;
  overflow:hidden !important;
}
.catalog-grid .catalog-product-card .pic{
  height:245px !important;
  min-height:245px !important;
  padding:10px !important;
  background:#f7f6f4 !important;
}
.catalog-grid .catalog-product-card .pic img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  display:block !important;
}
.catalog-grid .catalog-product-card .offer-badge{
  left:auto !important;
  right:12px !important;
  top:12px !important;
  background:#ef1738 !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:7px 10px !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}
.catalog-grid .catalog-product-card .product-body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  padding:12px 13px 13px !important;
  background:#fff !important;
}
.catalog-grid .catalog-product-card .tag{
  margin:0 0 5px !important;
  color:#888 !important;
  font-size:10px !important;
  letter-spacing:.11em !important;
}
.catalog-grid .catalog-product-card h3{
  margin:0 0 6px !important;
  color:#181818 !important;
  font-size:18px !important;
  line-height:1.2 !important;
}
.catalog-grid .catalog-product-card .model-line{
  margin:0 0 7px !important;
  color:#777 !important;
  font-size:12px !important;
}
.catalog-grid .catalog-product-card .size-list{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:5px !important;
  margin-top:5px !important;
}
.catalog-grid .catalog-product-card .size-list span,
.catalog-grid .catalog-product-card .size-list b{font-size:11px !important;}
.catalog-grid .catalog-product-card .size-list b{padding:4px 8px !important;}
.catalog-grid .catalog-product-card .product-bottom{
  margin-top:auto !important;
  padding-top:10px !important;
  align-items:center !important;
}
.catalog-grid .catalog-product-card .price{
  color:#181818 !important;
  font-size:24px !important;
  font-weight:800 !important;
}
.catalog-grid .catalog-product-card .product-bottom small{
  display:block !important;
  color:#777 !important;
  font-size:12px !important;
}
.catalog-grid .catalog-product-card .catalog-add{
  width:100% !important;
  min-height:42px !important;
  margin-top:11px !important;
  padding:9px 8px !important;
  border:1px solid #181818 !important;
  border-radius:5px !important;
  background:#181818 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
}
.catalog-grid .catalog-product-card .catalog-add:hover{background:#333 !important;}

@media(max-width:1100px){
  .catalog-grid .catalog-product-card .pic{height:220px !important;min-height:220px !important;}
}
@media(max-width:850px){
  .catalog-grid .catalog-product-card .pic{height:205px !important;min-height:205px !important;}
}
@media(max-width:500px){
  .catalog-grid .catalog-product-card .pic{height:175px !important;min-height:175px !important;}
  .catalog-grid .catalog-product-card .product-body{padding:9px !important;}
  .catalog-grid .catalog-product-card h3{font-size:14px !important;}
  .catalog-grid .catalog-product-card .price{font-size:19px !important;}
  .catalog-grid .catalog-product-card .catalog-add{font-size:10px !important;min-height:36px !important;padding:7px 5px !important;}
}


/* Ajuste final catálogo — mismo margen visual que Ofertas */
.catalog-grid .pic{
  padding:7px 9px 0 !important;
}
.catalog-grid .pic img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}


/* Precios promocionales */
.offer-price-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.price-old{font-size:12px;color:#888;text-decoration:line-through;text-decoration-thickness:1px}
.price-current{font-size:20px;color:#111;font-weight:800}
.discount-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#b42318;color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em}
.detail-offer-price .price-current{font-size:28px}
.detail-offer-price .price-old{font-size:14px}
.detail-offer-price .discount-badge{font-size:10px}
@media(max-width:600px){.price-current{font-size:16px}.discount-badge{font-size:8px}.detail-offer-price .price-current{font-size:23px}}