:root{
  --green:#00d66b;--green2:#78ff9f;--bg:#050806;--panel:#0b120f;
  --panel2:#101a15;--text:#f5f7f6;--muted:#aab5af;--border:rgba(255,255,255,.09);
  --yellow:#ffd54a
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;padding-top:79px;background:#050806;color:var(--text);font-family:Poppins,sans-serif}
a{text-decoration:none}.navbar{background:rgba(5,8,6,.95)!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.navbar-brand img{height:50px}.nav-link{color:#fff!important;font-size:.92rem;font-weight:500}.nav-link:hover{color:var(--green)!important}
.dropdown-menu{background:#0a110e;border:1px solid rgba(0,214,107,.25);border-radius:14px;padding:10px}
.dropdown-item{color:#fff!important;border-radius:8px}.dropdown-item:hover{background:var(--green);color:#031009!important}
.hero{padding:86px 0 54px;background:radial-gradient(circle at 78% 15%,rgba(0,214,107,.16),transparent 31%),linear-gradient(180deg,#050806,#08100c)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(0,214,107,.28);border-radius:999px;color:var(--green);font-size:.76rem;font-weight:800}
.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:.96;letter-spacing:-.045em;font-weight:800;margin:18px 0}
.hero h1 span{color:var(--green)}.hero p{color:var(--muted);max-width:620px}
.hero-visual{min-height:390px;border-radius:28px;border:1px solid var(--border);background:linear-gradient(145deg,#101a15,#07100c);display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-visual img{width:82%;height:340px;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.48))}
.toolbar{position:sticky;top:78px;z-index:30;background:rgba(5,8,6,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:16px 0}
.toolbar-grid{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.search{position:relative}.search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--green)}
.search input{width:100%;border:1px solid var(--border);background:#0a110e;color:#fff;border-radius:13px;padding:13px 15px 13px 44px;outline:none}
.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid var(--border);background:#0a110e;color:#fff;padding:10px 14px;border-radius:999px;font-weight:700;font-size:.83rem}
.filter-btn.active,.filter-btn:hover{background:var(--green);color:#031009;border-color:var(--green)}
.catalog{padding:54px 0 90px}.catalog-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:28px}
.catalog-head h2{font-size:clamp(2rem,4vw,3rem);font-weight:800}.catalog-head p{color:var(--muted);margin:0}
.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:22px;overflow:hidden;min-height:100%;transition:.25s}
.product-card:hover{transform:translateY(-5px);border-color:rgba(0,214,107,.36)}
.product-media{
  min-height:255px;
  background:linear-gradient(180deg,#111b16,#0a110e);
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.product-images{
  width:100%;
  height:100%;
  min-height:219px;
  display:grid;
  gap:10px;
  align-items:center;
  justify-items:center;
}
.product-images.count-1{grid-template-columns:1fr}
.product-images.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-images.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-images.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-images img{
  width:100%;
  height:215px;
  padding:8px;
  object-fit:contain;
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.product-images.count-2 img{height:205px}
.product-images.count-3 img{height:185px}
.product-images.count-4 img{height:125px}
.badge-new{position:absolute;top:15px;left:15px;padding:7px 11px;border-radius:999px;background:var(--green);color:#031009;font-size:.72rem;font-weight:800}
.product-content{padding:22px;display:flex;flex-direction:column;flex:1}.product-category{color:var(--green);font-size:.75rem;font-weight:800;text-transform:uppercase}
.product-content h3{font-size:1.2rem;font-weight:750;margin:8px 0}.product-content p{color:var(--muted);font-size:.9rem}
.features{padding:0;margin:5px 0 16px;list-style:none}.features li{font-size:.84rem;color:#d7dfdb;padding:4px 0}.features i{color:var(--green);margin-right:7px}
.price{font-size:1.75rem;font-weight:800;color:var(--yellow);margin-top:auto}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.btn-main,.btn-alt{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:11px 14px;font-weight:700;font-size:.84rem}
.btn-main{background:var(--green);color:#031009}.btn-alt{border:1px solid var(--border);color:#fff;background:rgba(255,255,255,.03)}
.empty{text-align:center;color:var(--muted);padding:60px 20px;display:none}
.social-buttons{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:50}
.social-buttons a{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(5,8,6,.92);border:1px solid rgba(0,214,107,.28)}
.social-buttons a:hover{background:var(--green);color:#031009}
footer{border-top:1px solid var(--border);padding:36px 0;color:var(--muted)}
.loading{text-align:center;padding:80px;color:var(--muted)}
@media(max-width:991px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:310px}.hero-visual img{height:280px}.products-grid{grid-template-columns:repeat(2,1fr)}.toolbar-grid{grid-template-columns:1fr}.toolbar{position:relative;top:auto}}
@media(max-width:620px){body{padding-top:70px}.hero{padding-top:55px}.products-grid{grid-template-columns:1fr}.catalog-head{display:block}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-btn{white-space:nowrap}.product-media{min-height:220px;padding:12px}.product-images{min-height:190px}.product-images.count-1 img{height:190px}.product-images.count-2 img{height:175px}.product-images.count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.product-images.count-3 img{height:125px}.product-images.count-3 img:last-child{grid-column:1/-1;width:52%}.product-images.count-4 img{height:115px}}


.brand-hero{
  padding:38px 0 28px;
  background:
    linear-gradient(rgba(0,20,10,.82),rgba(0,10,6,.88)),
    var(--page-bg, url('../../fondo.png')) center/cover fixed;
}
.brand-panel{
  border:1px solid rgba(0,214,107,.38);
  border-radius:28px;
  padding:34px 28px;
  background:rgba(3,13,8,.80);
  text-align:center;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.brand-logos{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap}
.brand-logos img{max-height:92px;max-width:300px;object-fit:contain}
.brand-panel .eyebrow{margin-top:18px}
.brand-panel h1{font-size:clamp(2rem,5vw,4rem);margin:20px 0 8px;line-height:1.03}
.brand-panel .typed-line{min-height:30px;color:#e7eee9}
.info-area{
  padding:34px 0 10px;
  background:
    linear-gradient(rgba(1,11,6,.72),rgba(1,11,6,.80)),
    var(--page-bg, url('../../fondo.png')) center/cover fixed;
}
.info-stack{display:grid;gap:18px}
.info-card{
  border:1px solid rgba(0,214,107,.35);
  border-radius:22px;
  padding:24px 28px;
  background:rgba(2,14,8,.91);
  text-align:center;
}
.info-card h3{font-size:1.22rem;font-weight:800;margin:0 0 12px}
.info-card p{margin:4px 0;color:#eef3f0}
.info-card .accent{color:var(--green);font-weight:700}
.info-card.offer{border-color:rgba(255,79,79,.42)}
.info-card.offer h3{color:#ff5d5d}
.info-card.offer .note{color:#ffd84d;font-weight:800}
.info-card .wide-btn{
  display:block;margin-top:18px;padding:12px 16px;border-radius:13px;
  background:linear-gradient(90deg,#10d66c,#66ff00);color:#031009;font-weight:800
}
.payment-card{
  display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left
}
.payment-copy{display:flex;align-items:center;gap:16px}
.payment-copy i{font-size:2rem;color:var(--green)}
.payment-logos{display:flex;align-items:center;gap:14px}
.payment-logos img{height:26px;max-width:55px;object-fit:contain}
@media(max-width:700px){
  .payment-card{display:block;text-align:center}
  .payment-copy{justify-content:center}
  .payment-logos{justify-content:center;margin-top:16px}
}


/* =========================================================
   HERO PREMIUM TGF — RESTAURADO Y MEJORADO
   ========================================================= */
.brand-hero{
  position:relative;
  padding:118px 0 28px;
  background:
    linear-gradient(180deg,rgba(1,8,5,.20),rgba(1,8,5,.72)),
    var(--page-bg,none) center/cover fixed;
}
.brand-panel{
  position:relative;
  overflow:hidden;
  min-height:450px;
  border:1px solid color-mix(in srgb,var(--hero-accent,#00d66b) 48%,transparent);
  border-radius:32px;
  padding:54px 42px 42px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:
    linear-gradient(145deg,rgba(3,18,11,.88),rgba(2,8,6,.76)),
    radial-gradient(circle at 50% 0%,rgba(0,214,107,.13),transparent 45%);
  box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(18px);
}
.hero-glow{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none}
.hero-glow-one{width:260px;height:260px;left:-80px;top:-80px;background:color-mix(in srgb,var(--hero-accent,#00d66b) 18%,transparent)}
.hero-glow-two{width:320px;height:320px;right:-120px;bottom:-150px;background:color-mix(in srgb,var(--hero-accent,#00d66b) 13%,transparent)}
.brand-logos{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:center;
  gap:28px;flex-wrap:wrap;margin-bottom:22px
}
.brand-logos img{
  max-height:94px;max-width:310px;object-fit:contain;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.34))
}
.logo-divider{width:1px;height:62px;background:linear-gradient(transparent,rgba(255,255,255,.28),transparent)}
.eyebrow{
  position:relative;z-index:2;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid color-mix(in srgb,var(--hero-accent,#00d66b) 72%,transparent);
  color:#91ff3d;background:rgba(7,23,12,.68);
  border-radius:999px;padding:10px 22px;
  font-size:.82rem;font-weight:800;letter-spacing:.045em;
  box-shadow:0 0 28px color-mix(in srgb,var(--hero-accent,#00d66b) 15%,transparent);
}
.brand-panel h1{
  position:relative;z-index:2;
  margin:18px 0 8px;
  font-size:clamp(2.35rem,5.2vw,4.55rem);
  line-height:1.02;letter-spacing:-.045em;font-weight:800;
  color:#f6f8f7;
}
.brand-panel h1 span{color:var(--hero-accent,#00d66b)}
.brand-panel>p{
  position:relative;z-index:2;
  max-width:780px;margin:0 auto;
  color:#d1dcd6;font-size:1rem;line-height:1.55
}
.typed-line{
  position:relative;z-index:2;
  min-height:28px;margin-top:10px;
  color:#fff;font-weight:600;font-size:1rem
}
.typed-line:after{
  content:"";display:inline-block;width:2px;height:1.05em;
  margin-left:5px;background:var(--hero-accent,#00d66b);
  vertical-align:-2px;animation:heroBlink .8s steps(1) infinite
}
@keyframes heroBlink{50%{opacity:0}}
.hero-actions{
  position:relative;z-index:2;
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px
}
.hero-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:0 20px;border-radius:12px;
  font-size:.82rem;font-weight:800;letter-spacing:.02em;
  transition:.2s ease
}
.hero-btn:hover{transform:translateY(-2px)}
.hero-btn-primary{
  color:#031009;background:var(--hero-accent,#00d66b);
  box-shadow:0 15px 34px color-mix(in srgb,var(--hero-accent,#00d66b) 25%,transparent)
}
.hero-btn-secondary{
  color:#f5f7f6;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.055)
}
.hero-benefits{
  position:relative;z-index:2;
  display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px
}
.hero-benefit{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 11px;border-radius:999px;
  color:#d8e3dd;background:rgba(0,0,0,.19);
  border:1px solid rgba(255,255,255,.08);
  font-size:.70rem;font-weight:600
}
.hero-benefit i{color:var(--hero-accent,#00d66b)}
@media(max-width:767px){
  .brand-hero{padding-top:92px}
  .brand-panel{min-height:410px;padding:38px 18px 30px;border-radius:22px}
  .brand-logos{gap:16px;margin-bottom:18px}
  .brand-logos img{max-height:62px;max-width:200px}
  .logo-divider{height:42px}
  .brand-panel h1{font-size:clamp(2rem,10vw,3.15rem)}
  .brand-panel>p{font-size:.88rem}
  .hero-benefits{gap:7px}
}
@media(max-width:480px){
  .logo-divider{display:none}
  .brand-logos{flex-direction:column}
  .hero-actions{width:100%}
  .hero-btn{width:100%}
}


/* Avisos comerciales al final del catálogo */
.catalog + .info-area,
main.catalog ~ .info-area{
  padding-top:22px;
  padding-bottom:34px;
  background:linear-gradient(180deg,rgba(2,8,6,.18),rgba(2,8,6,.72));
}
.info-area .info-stack{gap:16px}
.info-area .info-card{margin:0}