:root{
 --bg:#05080b; --panel:#0b1117; --panel2:#101820; --line:#1f2b35; --text:#f4f7fb;
 --muted:#9aa7b2; --green:#39ff14; --cyan:#00d4ff; --red:#ff2d2d; --radius:14px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.5}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(57,255,20,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.025) 1px,transparent 1px);background-size:42px 42px;z-index:-1}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{width:min(1320px,92%);margin:auto}
.topbar{position:sticky;top:0;z-index:30;background:rgba(4,7,10,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.nav{height:88px;display:flex;align-items:center;gap:38px}.brand img{width:280px;height:auto}.navlinks{display:flex;gap:30px;margin-left:auto;align-items:center}.navlinks a{font-size:.88rem;letter-spacing:.08em;color:#cbd3da}.navlinks a:hover,.navlinks a.active{color:var(--green)}
.cart{border:1px solid var(--line);border-radius:10px;padding:10px 13px;display:flex;gap:8px;align-items:center}.cart b{color:var(--green)}
.mobile-toggle{display:none;margin-left:auto;background:none;color:white;border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.45fr;align-items:center;gap:28px;padding:55px 0 40px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-12%;top:6%;width:68%;height:86%;background:radial-gradient(circle,rgba(0,212,255,.10),transparent 65%);z-index:-1}
.eyebrow{color:var(--green);letter-spacing:.18em;text-transform:uppercase;font-weight:700;font-size:.78rem}
h1{font-family:Arial,sans-serif;font-size:clamp(3rem,6vw,6rem);line-height:.9;margin:14px 0 20px;letter-spacing:.025em}
h1 .green{color:var(--green)} h1 .cyan{color:var(--cyan)}.lead{font-size:1.1rem;color:#c7d0d7;max-width:620px}
.actions{display:flex;gap:16px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:14px 22px;font-weight:800;letter-spacing:.03em;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--green);color:#071006;box-shadow:0 0 26px rgba(57,255,20,.23)}.btn-secondary{border-color:var(--cyan);color:var(--cyan);background:rgba(0,212,255,.04)}
.trust-inline{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.trust-item{display:flex;gap:10px;color:#cdd5db;font-size:.82rem}.trust-item span{color:var(--green);font-size:1.3rem}
.hero-products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.hero-products img{border-radius:13px;border:1px solid #17242c;box-shadow:0 22px 42px rgba(0,0,0,.5)}
.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section h2{font-size:2.1rem;margin:0}.section p.sub{color:var(--muted);margin:4px 0 0}
.grid-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat{background:linear-gradient(145deg,#0e151b,#080d11);border:1px solid var(--line);padding:20px;border-radius:var(--radius);min-height:130px}.cat .icon{font-size:1.8rem;color:var(--green)}.cat strong{display:block;margin-top:15px}.cat small{color:var(--muted)}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:#375043}.product-card img{aspect-ratio:1/1.05;object-fit:cover}.pbody{padding:15px}.pbody h3{margin:0 0 4px;font-size:1rem}.pbody small{color:var(--muted)}.price{color:var(--green);font-size:1.2rem;font-weight:800;margin-top:10px}.pill{display:inline-block;padding:4px 8px;border-radius:5px;background:var(--red);font-size:.66rem;font-weight:800;margin-bottom:8px}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.panel{background:linear-gradient(145deg,#0c1218,#070b0f);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.panel h3{margin-top:0}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.benefit{display:flex;gap:12px}.benefit i{color:var(--green);font-style:normal;font-size:1.4rem}.benefit span{color:var(--muted);font-size:.9rem}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.stars{color:var(--green)}.quote p{color:#ccd5db}.quote small{color:var(--muted)}
.newsletter{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.signup{display:flex;gap:10px}.signup input,.contact-form input,.contact-form textarea,.contact-form select{background:#060a0e;border:1px solid var(--line);border-radius:8px;color:white;padding:14px;width:100%}
.footer{border-top:1px solid var(--line);padding:38px 0 22px;background:#030507}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer img{width:230px}.footer h4{margin-top:0}.footer a{display:block;color:#9da8b1;margin:7px 0;font-size:.9rem}.copyright{border-top:1px solid #131b22;margin-top:25px;padding-top:18px;color:#66727c;font-size:.82rem}
.page-hero{padding:54px 0 32px}.page-hero h1{font-size:3.5rem}.filters-layout{display:grid;grid-template-columns:250px 1fr;gap:24px}.filters{position:sticky;top:110px;height:max-content}.filter-group{border-bottom:1px solid var(--line);padding:18px 0}.filter-group label{display:block;color:#cbd4da;margin:7px 0;font-size:.9rem}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--muted)}
.product-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:34px}.gallery-main{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.product-info h1{font-size:3rem}.selectors{display:flex;gap:9px;flex-wrap:wrap}.chip{border:1px solid #34414c;padding:9px 13px;border-radius:6px;cursor:pointer}.chip.active{border-color:var(--green);color:var(--green)}.addbar{width:100%;margin-top:22px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-top:35px}.tabs button{background:none;border:0;color:#aab4bc;padding:14px 0;cursor:pointer}.tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.tab-content{padding:22px 0;color:#c7d0d7}
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.value{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.value b{color:var(--green)}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin:10px 0}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form textarea{grid-column:1/-1;min-height:140px}
.toast{position:fixed;right:22px;bottom:22px;background:#0d151b;border:1px solid var(--green);padding:14px 18px;border-radius:10px;display:none;z-index:99}
@media(max-width:980px){.navlinks{display:none;position:absolute;top:88px;left:0;right:0;background:#05080b;padding:22px;flex-direction:column}.navlinks.open{display:flex}.mobile-toggle{display:block}.hero{grid-template-columns:1fr}.hero-products{grid-template-columns:repeat(2,1fr)}.grid-cats{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.split,.product-layout{grid-template-columns:1fr}.filters-layout{grid-template-columns:1fr}.filters{position:static}.values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.brand img{width:205px}.cart{display:none}.hero{padding-top:35px}.hero-products{grid-template-columns:repeat(2,1fr)}.grid-cats,.products-grid,.testimonials,.footer-grid{grid-template-columns:1fr}.newsletter,.signup{grid-template-columns:1fr;display:grid}.trust-inline,.benefits{grid-template-columns:1fr}.page-hero h1,.product-info h1{font-size:2.4rem}.values{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form textarea{grid-column:auto}}


/* ===== HOME PROFESIONAL ===== */
.hero-pro{
  min-height: 760px;
  padding: 36px 0 36px;
  position: relative;
  overflow: hidden;
}
.hero-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 18%, rgba(0,212,255,.14), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(57,255,20,.10), transparent 24%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(5,8,11,.18) 100%);
  pointer-events:none;
}
.hero-shell{
  display:grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 34px;
  align-items: center;
  position: relative;
}
.hero-copy{
  position: relative;
  z-index: 2;
  padding: 20px 0;
}
.hero-copy h1{
  font-size: clamp(3.1rem, 6vw, 6rem);
  line-height: .93;
  margin-bottom: 18px;
}
.hero-copy .cyan{color:var(--cyan)}
.hero-copy .green{color:var(--green)}
.hero-lead{
  max-width: 610px;
  font-size: 1.1rem;
  color:#d0d7de;
}
.hero-buttons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin: 28px 0 24px;
}
.hero-mini-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom: 18px;
}
.mini-point{
  background:linear-gradient(145deg, rgba(10,16,22,.95), rgba(7,11,15,.96));
  border:1px solid #1b2832;
  border-radius:14px;
  padding:14px 14px 13px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.mini-point span{
  color:var(--green);
  font-weight:900;
  font-size:1.05rem;
  line-height:1;
  margin-top:2px;
}
.mini-point b{
  display:block;
  font-size:.93rem;
}
.mini-point small{
  display:block;
  color:var(--muted);
  margin-top:3px;
  line-height:1.35;
}
.hero-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.kpi-card{
  border:1px solid #1c2a35;
  border-radius:14px;
  padding:16px 16px 14px;
  background:rgba(8,12,16,.78);
  backdrop-filter: blur(6px);
}
.kpi-card strong{
  display:block;
  color:var(--green);
  font-size:1.5rem;
  line-height:1;
}
.kpi-card span{
  display:block;
  margin-top:6px;
  color:#c7d0d7;
  font-size:.88rem;
}

.hero-stage{
  position:relative;
  min-height: 660px;
  display:flex;
  align-items:center;
}
.chart-board{
  position:relative;
  width:100%;
  min-height: 660px;
  border:1px solid #15232b;
  border-radius:24px;
  padding:32px 30px 34px;
  background:
    radial-gradient(circle at 70% 18%, rgba(0,212,255,.10), transparent 23%),
    radial-gradient(circle at 93% 80%, rgba(57,255,20,.08), transparent 22%),
    linear-gradient(180deg, rgba(7,11,15,.98), rgba(4,8,11,.98));
  overflow:hidden;
  box-shadow: 0 24px 50px rgba(0,0,0,.35);
}
.chart-board::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(57,255,20,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,255,20,.05) 1px, transparent 1px);
  background-size: 58px 58px;
  opacity:.7;
  pointer-events:none;
}
.chart-board::after{
  content:"";
  position:absolute;
  left:3%;
  right:12%;
  top:16%;
  bottom:18%;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center bottom;
  opacity:.65;
  pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 520'><g opacity='0.32' stroke='%2300d4ff' stroke-width='2'><path d='M20 50H1080 M20 150H1080 M20 250H1080 M20 350H1080 M20 450H1080'/></g><g><path d='M45 425 L145 380 L225 405 L320 315 L420 350 L520 220 L610 260 L705 160 L790 205 L885 118 L980 165 L1065 70' fill='none' stroke='%2339ff14' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/><g stroke-width='6' stroke-linecap='round'><line x1='120' y1='290' x2='120' y2='402' stroke='%2300d4ff'/><rect x='105' y='330' width='30' height='48' rx='3' fill='%2300d4ff'/><line x1='205' y1='250' x2='205' y2='378' stroke='%23ffffff'/><rect x='190' y='300' width='30' height='52' rx='3' fill='%23ffffff'/><line x1='295' y1='215' x2='295' y2='330' stroke='%2339ff14'/><rect x='280' y='245' width='30' height='52' rx='3' fill='%2339ff14'/><line x1='392' y1='235' x2='392' y2='402' stroke='%23ff2d2d'/><rect x='377' y='286' width='30' height='62' rx='3' fill='%23ff2d2d'/><line x1='485' y1='170' x2='485' y2='300' stroke='%2339ff14'/><rect x='470' y='210' width='30' height='52' rx='3' fill='%2339ff14'/><line x1='575' y1='140' x2='575' y2='248' stroke='%23ffffff'/><rect x='560' y='176' width='30' height='48' rx='3' fill='%23ffffff'/><line x1='662' y1='105' x2='662' y2='198' stroke='%2339ff14'/><rect x='647' y='126' width='30' height='46' rx='3' fill='%2339ff14'/><line x1='748' y1='128' x2='748' y2='245' stroke='%23ff2d2d'/><rect x='733' y='164' width='30' height='46' rx='3' fill='%23ff2d2d'/><line x1='840' y1='82' x2='840' y2='176' stroke='%2339ff14'/><rect x='825' y='105' width='30' height='44' rx='3' fill='%2339ff14'/><line x1='930' y1='60' x2='930' y2='135' stroke='%2300d4ff'/><rect x='915' y='76' width='30' height='34' rx='3' fill='%2300d4ff'/></g></g></svg>");
}
.chart-price{
  position:absolute;
  right:20px;
  padding:4px 9px;
  border-radius:7px;
  background:#091218;
  border:1px solid #17303a;
  font-size:.85rem;
  font-weight:700;
  z-index:2;
}
.price-top{ top:66px; color:var(--green);}
.price-mid{ top:168px; color:#9ad7f2;}
.price-low{ bottom:106px; color:#ff5a5a;}
.hero-floating{
  position:absolute;
  z-index:3;
  border:1px solid #1a2b35;
  border-radius:14px;
  padding:13px 14px;
  background:rgba(8,12,16,.88);
  backdrop-filter: blur(8px);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.hero-floating b{
  display:block;
  font-size:.75rem;
  letter-spacing:.12em;
  color:var(--green);
}
.hero-floating span{
  display:block;
  margin-top:5px;
  color:#d7dee4;
  font-size:.9rem;
}
.hero-floating-a{ top:24px; left:24px; max-width:270px;}
.hero-floating-b{ right:32px; bottom:24px; max-width:250px;}

.shirt-lineup{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  align-items:end;
  padding-top:110px;
  min-height:580px;
}
.shirt-card{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  padding:10px;
  background:linear-gradient(180deg, rgba(9,14,18,.25), rgba(5,9,13,.0));
}
.shirt-card img{
  width:100%;
  border-radius:14px;
  border:1px solid #17242c;
  box-shadow:0 26px 42px rgba(0,0,0,.45);
}
.shirt-card.featured{
  transform: translateY(-10px);
}
.shirt-card::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:6px;
  height:16px;
  border-radius:100%;
  background: radial-gradient(circle, rgba(57,255,20,.32), transparent 72%);
  filter: blur(8px);
}

.section-tight{ padding-top:20px; padding-bottom:32px; }
.highlight-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.highlight-item{
  padding:18px 18px 16px;
  border:1px solid #1b2832;
  border-radius:14px;
  background:linear-gradient(145deg,#0c1218,#070b0f);
}
.highlight-item b{
  display:block;
  margin-bottom:5px;
}
.highlight-item span{
  color:var(--muted);
  font-size:.92rem;
}
.collection-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.collection-card{
  display:block;
  background:linear-gradient(145deg,#0e151b,#080d11);
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px 22px;
  min-height:220px;
  transition:.25s;
}
.collection-card:hover{
  transform:translateY(-6px);
  border-color:#2d4652;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.collection-icon{
  width:48px;
  height:48px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--green);
  border:1px solid #20303a;
  background:rgba(57,255,20,.05);
  font-weight:800;
  margin-bottom:18px;
}
.collection-card strong{
  display:block;
  font-size:1.06rem;
  margin-bottom:8px;
}
.collection-card p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.split-home{
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:22px;
}
.panel-emphasis{
  background:
    radial-gradient(circle at 86% 15%, rgba(0,212,255,.09), transparent 22%),
    radial-gradient(circle at 10% 90%, rgba(57,255,20,.07), transparent 22%),
    linear-gradient(145deg,#0d141a,#070b0f);
}
.benefits-home{
  margin-top:18px;
}
.steps-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin:16px 0 20px;
}
.step-card{
  border:1px solid #1b2832;
  border-radius:14px;
  background:rgba(8,12,16,.72);
  padding:16px 16px 14px;
}
.step-card b{
  display:inline-flex;
  width:32px;
  height:32px;
  border-radius:999px;
  align-items:center;
  justify-content:center;
  background:rgba(57,255,20,.10);
  color:var(--green);
  margin-bottom:10px;
}
.step-card strong{
  display:block;
  margin-bottom:6px;
}
.step-card p{
  margin:0;
  color:var(--muted);
}
.home-signup{
  margin-top:12px;
}
@media(max-width:1100px){
  .hero-shell{grid-template-columns:1fr}
  .hero-stage{min-height:auto}
  .chart-board{min-height:620px}
  .highlight-strip,.collection-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .hero-mini-points,.hero-kpis{grid-template-columns:1fr}
  .split-home{grid-template-columns:1fr}
  .shirt-lineup{grid-template-columns:repeat(2,1fr); padding-top:120px}
}
@media(max-width:620px){
  .hero-pro{padding-top:24px}
  .hero-copy h1{font-size:2.8rem}
  .chart-board{padding:20px 16px 24px; min-height:560px}
  .hero-floating{display:none}
  .shirt-lineup{grid-template-columns:repeat(2,1fr); gap:8px; min-height:auto}
  .highlight-strip,.collection-grid{grid-template-columns:1fr}
  .chart-price{font-size:.74rem; right:10px}
}


/* ===== CORRECCIÓN HOME: SIN BLOQUE SOBRANTE Y HERO MÁS COMPACTO ===== */
.hero-pro{
  min-height: 670px;
  padding: 24px 0 28px;
}
.hero-stage{
  min-height: 590px;
}
.chart-board{
  min-height: 590px;
  padding: 18px 22px 24px;
}
.chart-board::after{
  top: 5%;
  bottom: 8%;
  left: 0;
  right: 3%;
  background-size: cover;
  opacity: .78;
}
.shirt-lineup{
  min-height: 535px;
  padding-top: 42px;
  gap: 10px;
}
.shirt-card{
  padding: 4px;
}
.shirt-card.featured{
  transform: translateY(-4px);
}
.chart-price{
  z-index: 4;
}
.hero-floating{
  display:none !important;
}
@media(max-width:1100px){
  .chart-board{min-height:560px}
  .shirt-lineup{min-height:500px;padding-top:32px}
}
@media(max-width:620px){
  .hero-pro{min-height:auto}
  .chart-board{min-height:500px}
  .shirt-lineup{padding-top:20px;min-height:auto}
}


/* =========================================================
   HOME DEFINITIVA — ESTRUCTURA COMERCIAL TRADER
   ========================================================= */
.home-final{
  overflow:hidden;
}
.home-final .section{
  padding:34px 0;
}
.hf-hero{
  position:relative;
  min-height:620px;
  border-bottom:1px solid #16232b;
  background:
    radial-gradient(circle at 18% 14%, rgba(0,212,255,.10), transparent 30%),
    radial-gradient(circle at 82% 20%, rgba(57,255,20,.08), transparent 24%),
    linear-gradient(180deg,#05090d 0%,#04080b 100%);
  overflow:hidden;
}
.hf-chart-layer{
  position:absolute;
  inset:0;
  opacity:.72;
  background-image:
    linear-gradient(rgba(57,255,20,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,20,.035) 1px,transparent 1px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 600'><g opacity='.75'><path d='M20 445 L150 390 L245 420 L340 305 L460 355 L570 225 L690 270 L815 150 L930 205 L1065 120 L1190 170 L1340 90 L1570 135' fill='none' stroke='%2339ff14' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/><g stroke-linecap='round'><line x1='130' y1='330' x2='130' y2='450' stroke='%2300d4ff' stroke-width='5'/><rect x='115' y='365' width='30' height='50' fill='%2300d4ff'/><line x1='265' y1='285' x2='265' y2='420' stroke='%23ff2d2d' stroke-width='5'/><rect x='250' y='325' width='30' height='55' fill='%23ff2d2d'/><line x1='390' y1='240' x2='390' y2='350' stroke='%2339ff14' stroke-width='5'/><rect x='375' y='275' width='30' height='48' fill='%2339ff14'/><line x1='520' y1='255' x2='520' y2='390' stroke='%23ffffff' stroke-width='5'/><rect x='505' y='300' width='30' height='52' fill='%23ffffff'/><line x1='650' y1='170' x2='650' y2='285' stroke='%2339ff14' stroke-width='5'/><rect x='635' y='205' width='30' height='50' fill='%2339ff14'/><line x1='785' y1='130' x2='785' y2='235' stroke='%2300d4ff' stroke-width='5'/><rect x='770' y='160' width='30' height='46' fill='%2300d4ff'/><line x1='920' y1='150' x2='920' y2='260' stroke='%23ff2d2d' stroke-width='5'/><rect x='905' y='182' width='30' height='52' fill='%23ff2d2d'/><line x1='1055' y1='95' x2='1055' y2='190' stroke='%2339ff14' stroke-width='5'/><rect x='1040' y='120' width='30' height='44' fill='%2339ff14'/><line x1='1190' y1='115' x2='1190' y2='210' stroke='%23ffffff' stroke-width='5'/><rect x='1175' y='142' width='30' height='42' fill='%23ffffff'/><line x1='1335' y1='65' x2='1335' y2='145' stroke='%2339ff14' stroke-width='5'/><rect x='1320' y='88' width='30' height='38' fill='%2339ff14'/></g></g></svg>");
  background-size:55px 55px,55px 55px,cover;
  background-position:center,center,center;
  pointer-events:none;
}
.hf-hero-grid{
  min-height:620px;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:26px;
  align-items:center;
  position:relative;
  z-index:2;
}
.hf-hero-copy{
  padding:32px 0 28px;
}
.hf-kicker{
  color:var(--green);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.hf-hero h1{
  margin:12px 0 10px;
  font-size:clamp(3rem,5.4vw,5.8rem);
  line-height:.9;
  letter-spacing:.02em;
}
.hf-green{color:var(--green)}
.hf-cyan{color:var(--cyan)}
.hf-tagline{
  margin:12px 0 6px;
  color:#f1f4f6;
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:.24em;
}
.hf-intro{
  max-width:560px;
  margin:0;
  color:#c7d0d7;
  font-size:1.02rem;
  line-height:1.65;
}
.hf-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:24px 0 20px;
}
.hf-trust-row{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  max-width:650px;
}
.hf-trust{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 11px;
  border:1px solid rgba(40,55,66,.8);
  background:rgba(6,11,15,.72);
  border-radius:10px;
  backdrop-filter:blur(5px);
}
.hf-trust>span{
  color:var(--green);
  font-weight:900;
}
.hf-trust b{
  display:block;
  font-size:.83rem;
}
.hf-trust small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:.72rem;
}
.hf-shirts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  align-items:end;
  min-width:0;
}
.hf-shirt{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(13,19,24,.34),rgba(5,8,11,.15));
}
.hf-shirt:nth-child(1){transform:translateY(-6px)}
.hf-shirt:nth-child(2){transform:translateY(-2px)}
.hf-shirt:nth-child(3){transform:translateY(1px)}
.hf-shirt:nth-child(4){transform:translateY(5px)}
.hf-shirt img{
  width:100%;
  border:1px solid #18252d;
  border-radius:14px;
  box-shadow:0 26px 42px rgba(0,0,0,.5);
}
.hf-shirt::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:4px;
  height:12px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(57,255,20,.26),transparent 70%);
  filter:blur(7px);
}
.hf-layout{
  display:grid;
  grid-template-columns:minmax(0,1.68fr) minmax(310px,.72fr);
  gap:18px;
  align-items:stretch;
}
.hf-left{
  display:grid;
  gap:18px;
}
.hf-block{
  background:linear-gradient(145deg,#0b1117,#070b0f);
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
}
.hf-block-title{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:end;
  margin-bottom:16px;
}
.hf-block-title h2{
  margin:3px 0 0;
  font-size:1.55rem;
}
.hf-block-title>a{
  color:var(--cyan);
  font-size:.86rem;
  white-space:nowrap;
}
.hf-categories{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.hf-category{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:78px;
  padding:13px;
  border:1px solid #1d2a34;
  border-radius:10px;
  background:#090e13;
  transition:.22s;
}
.hf-category:hover{
  border-color:#36505c;
  transform:translateY(-2px);
}
.hf-category-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  border:1px solid #20313a;
  color:var(--green);
  background:rgba(57,255,20,.045);
  font-weight:800;
}
.hf-category b{
  display:block;
  font-size:.86rem;
}
.hf-category small{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  margin-top:2px;
}
.hf-product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.hf-product-grid .product-card{
  border-radius:11px;
}
.hf-product-grid .product-card img{
  aspect-ratio:1/1.03;
}
.hf-product-grid .product-card:nth-child(n+5){
  display:none;
}
.hf-product-grid .pbody{
  padding:12px;
}
.hf-product-grid .pbody h3{
  font-size:.84rem;
}
.hf-product-grid .pbody small{
  font-size:.72rem;
}
.hf-product-grid .price{
  font-size:1rem;
}
.hf-product-grid .addbar{
  padding:10px 9px;
  font-size:.76rem;
}
.hf-why{
  min-height:100%;
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:
    radial-gradient(circle at 84% 26%,rgba(57,255,20,.10),transparent 26%),
    linear-gradient(145deg,#0b1217,#060a0e);
  padding:24px;
}
.hf-why-content{
  position:relative;
  z-index:3;
}
.hf-why h2{
  margin:5px 0 18px;
  font-size:1.7rem;
  line-height:1.15;
}
.hf-reasons{
  display:grid;
  gap:14px;
}
.hf-reason{
  display:flex;
  gap:10px;
}
.hf-reason>span{
  color:var(--green);
  font-weight:900;
  margin-top:2px;
}
.hf-reason b{
  display:block;
  font-size:.92rem;
}
.hf-reason p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:.81rem;
  line-height:1.45;
}
.hf-bull-graphic{
  position:absolute;
  right:-24px;
  bottom:-12px;
  width:72%;
  height:46%;
  opacity:.42;
}
.hf-bull{
  position:absolute;
  right:28px;
  top:0;
  color:var(--green);
  font-size:7rem;
  filter:drop-shadow(0 0 16px rgba(57,255,20,.32));
}
.hf-bars{
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  height:90px;
  display:flex;
  gap:12px;
  align-items:flex-end;
}
.hf-bars i{
  flex:1;
  background:linear-gradient(180deg,var(--green),rgba(57,255,20,.08));
  border-radius:4px 4px 0 0;
}
.hf-bars i:nth-child(1){height:22%}
.hf-bars i:nth-child(2){height:38%}
.hf-bars i:nth-child(3){height:31%}
.hf-bars i:nth-child(4){height:58%}
.hf-bars i:nth-child(5){height:52%}
.hf-bars i:nth-child(6){height:76%}
.hf-bars i:nth-child(7){height:100%}
.hf-bottom{
  padding-top:8px!important;
}
.hf-bottom-grid{
  display:grid;
  grid-template-columns:1.55fr .85fr;
  gap:18px;
}
.hf-community-values,
.hf-community-box{
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(145deg,#0b1117,#070b0f);
  padding:20px;
}
.hf-value-cards{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}
.hf-value-cards article{
  min-height:150px;
  padding:15px 13px;
  border:1px solid #1d2a34;
  border-radius:10px;
  background:#090e13;
}
.hf-value-cards span{
  display:block;
  color:var(--green);
  font-size:1.35rem;
  margin-bottom:10px;
}
.hf-value-cards b{
  display:block;
  font-size:.9rem;
}
.hf-value-cards p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:.75rem;
  line-height:1.45;
}
.hf-community-box{
  position:relative;
  overflow:hidden;
}
.hf-community-box h2{
  margin:5px 0 8px;
  font-size:1.7rem;
}
.hf-community-box p{
  margin:0 0 18px;
  color:var(--muted);
}
.hf-signup{
  position:relative;
  z-index:2;
}
.hf-community-art{
  position:absolute;
  right:18px;
  bottom:4px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  color:rgba(0,212,255,.22);
  font-size:4.1rem;
}
.hf-community-art span:nth-child(2){
  font-size:5.3rem;
  color:rgba(57,255,20,.20);
}
.hf-security{
  border-top:1px solid #16212a;
  border-bottom:1px solid #16212a;
  background:#05090d;
}
.hf-security-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
}
.hf-security-grid>div{
  min-height:86px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:11px;
  align-content:center;
  padding:14px 18px;
  border-right:1px solid #18232c;
}
.hf-security-grid>div:last-child{
  border-right:0;
}
.hf-security-grid span{
  grid-row:1/3;
  align-self:center;
  color:var(--green);
  font-size:1.35rem;
}
.hf-security-grid b{
  font-size:.87rem;
}
.hf-security-grid small{
  color:var(--muted);
  font-size:.72rem;
}
@media(max-width:1100px){
  .hf-hero-grid{grid-template-columns:1fr}
  .hf-hero-copy{padding-bottom:8px}
  .hf-shirts{padding-bottom:34px}
  .hf-layout{grid-template-columns:1fr}
  .hf-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
  .hf-shirts{grid-template-columns:repeat(2,1fr)}
  .hf-categories{grid-template-columns:repeat(2,1fr)}
  .hf-product-grid{grid-template-columns:repeat(2,1fr)}
  .hf-value-cards{grid-template-columns:repeat(2,1fr)}
  .hf-security-grid{grid-template-columns:repeat(2,1fr)}
  .hf-security-grid>div:nth-child(2){border-right:0}
  .hf-security-grid>div:nth-child(-n+2){border-bottom:1px solid #18232c}
}
@media(max-width:620px){
  .hf-hero{min-height:auto}
  .hf-hero-grid{min-height:auto}
  .hf-hero-copy{padding-top:30px}
  .hf-hero h1{font-size:2.75rem}
  .hf-tagline{font-size:.85rem}
  .hf-trust-row{grid-template-columns:1fr}
  .hf-shirts{gap:7px}
  .home-final .section{padding:22px 0}
  .hf-block{padding:15px}
  .hf-block-title{align-items:flex-start;flex-direction:column}
  .hf-categories{grid-template-columns:1fr}
  .hf-product-grid{grid-template-columns:1fr 1fr}
  .hf-product-grid .product-card:nth-child(n+5){display:none}
  .hf-why{padding:18px}
  .hf-value-cards{grid-template-columns:1fr}
  .hf-community-art{display:none}
  .hf-security-grid{grid-template-columns:1fr}
  .hf-security-grid>div{border-right:0;border-bottom:1px solid #18232c}
  .hf-security-grid>div:last-child{border-bottom:0}
}


/* =====================================================
   HOME REPLICA FIEL A LA MAQUETA ELEGIDA
   ===================================================== */
.cpt-home-body{
  background:#03070a;
  color:#f2f6f8;
}
.cpt-header{
  position:sticky;
  top:0;
  z-index:100;
  height:74px;
  border-bottom:1px solid #152029;
  background:rgba(2,6,9,.97);
  backdrop-filter:blur(12px);
}
.cpt-header-inner{
  width:min(1540px,96%);
  height:100%;
  margin:auto;
  display:grid;
  grid-template-columns:310px 1fr 70px;
  align-items:center;
  gap:24px;
}
.cpt-logo img{width:290px}
.cpt-main-nav{
  display:flex;
  justify-content:center;
  gap:34px;
  margin:0;
}
.cpt-main-nav a{
  padding:27px 0 20px;
  color:#c7d0d6;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-bottom:2px solid transparent;
}
.cpt-main-nav a:hover,
.cpt-main-nav a.active{
  color:var(--green);
  border-color:var(--green);
}
.cpt-cart{
  justify-self:end;
  font-size:1.25rem;
}
.cpt-cart b{
  color:var(--green);
  font-size:.75rem;
}
.cpt-home{
  width:min(1680px,100%);
  margin:auto;
}
.cpt-hero{
  position:relative;
  min-height:365px;
  display:grid;
  grid-template-columns:39% 61%;
  align-items:center;
  padding:24px 42px 16px;
  overflow:hidden;
  border-bottom:1px solid #17222a;
  background:#03080b;
}
.cpt-market-bg{
  position:absolute;
  inset:0;
  opacity:.76;
  background-image:
    linear-gradient(rgba(57,255,20,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,20,.035) 1px,transparent 1px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1800 480'><path d='M0 360 L120 330 L220 350 L310 295 L420 325 L530 240 L650 270 L755 195 L880 235 L995 145 L1120 190 L1240 110 L1380 155 L1510 95 L1650 132 L1800 82' fill='none' stroke='%2339ff14' stroke-width='5' opacity='.82'/><path d='M0 385 L120 350 L220 372 L310 320 L420 348 L530 275 L650 300 L755 230 L880 265 L995 180 L1120 225 L1240 145 L1380 188 L1510 132 L1650 168 L1800 118' fill='none' stroke='%23e34b4b' stroke-width='3' opacity='.38'/><g opacity='.8'><line x1='180' y1='170' x2='180' y2='360' stroke='%2300d4ff' stroke-width='4'/><rect x='168' y='220' width='24' height='88' fill='%2300d4ff'/><line x1='270' y1='160' x2='270' y2='340' stroke='%2339ff14' stroke-width='4'/><rect x='258' y='205' width='24' height='92' fill='%2339ff14'/><line x1='410' y1='210' x2='410' y2='390' stroke='%23e34b4b' stroke-width='4'/><rect x='398' y='250' width='24' height='90' fill='%23e34b4b'/><line x1='560' y1='130' x2='560' y2='300' stroke='%2339ff14' stroke-width='4'/><rect x='548' y='168' width='24' height='88' fill='%2339ff14'/><line x1='1040' y1='90' x2='1040' y2='230' stroke='%2300d4ff' stroke-width='4'/><rect x='1028' y='125' width='24' height='70' fill='%2300d4ff'/></g></svg>");
  background-size:52px 52px,52px 52px,cover;
  background-position:center,center,center;
  pointer-events:none;
}
.cpt-hero-copy{
  position:relative;
  z-index:2;
  padding-left:22px;
}
.cpt-hero-copy h1{
  margin:0;
  font-size:clamp(3.1rem,5vw,5.45rem);
  line-height:.86;
  letter-spacing:.015em;
}
.cpt-hero-copy h1 span{color:var(--green)}
.cpt-hero-copy h1 em{
  color:var(--cyan);
  font-style:normal;
}
.cpt-tagline{
  margin-top:15px;
  font-size:1.05rem;
  letter-spacing:.27em;
  font-weight:800;
}
.cpt-hero-copy p{
  width:90%;
  max-width:510px;
  margin:12px 0 0;
  color:#d0d6db;
  font-size:1rem;
  line-height:1.55;
}
.cpt-hero-actions{
  display:flex;
  gap:16px;
  margin-top:22px;
}
.cpt-btn{
  min-height:43px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:0 24px;
  border-radius:4px;
  border:1px solid transparent;
  text-transform:uppercase;
  font-weight:900;
  font-size:.78rem;
  cursor:pointer;
}
.cpt-btn-green{
  background:var(--green);
  color:#061006;
  box-shadow:0 0 24px rgba(57,255,20,.2);
}
.cpt-btn-cyan{
  color:var(--cyan);
  border-color:var(--cyan);
  background:rgba(0,212,255,.04);
}
.cpt-hero-products{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:end;
  gap:10px;
  padding:4px 18px 0 20px;
}
.cpt-hero-product{
  position:relative;
}
.cpt-hero-product img{
  width:100%;
  border-radius:12px;
  border:1px solid #17242c;
  box-shadow:0 24px 40px rgba(0,0,0,.55);
}
.cpt-hero-product::after{
  content:"";
  position:absolute;
  left:9%;
  right:9%;
  bottom:-5px;
  height:12px;
  border-radius:100%;
  background:radial-gradient(circle,rgba(57,255,20,.33),transparent 70%);
  filter:blur(7px);
}
.cpt-hero-product:nth-child(2)::after{background:radial-gradient(circle,rgba(0,212,255,.3),transparent 70%)}
.cpt-hero-product:nth-child(3)::after{background:radial-gradient(circle,rgba(255,70,70,.28),transparent 70%)}
.cpt-hero-product:nth-child(4)::after{background:radial-gradient(circle,rgba(0,212,255,.28),transparent 70%)}
.cpt-market-price{
  position:absolute;
  right:14px;
  z-index:3;
  padding:3px 7px;
  border:1px solid #17432a;
  background:#031008;
  border-radius:4px;
  font-size:.73rem;
  font-weight:800;
}
.cpt-price-top{top:30px;color:var(--green)}
.cpt-price-mid{top:105px;color:#8ac9e7}
.cpt-price-low{bottom:38px;color:#ff5b5b;border-color:#521d1d;background:#120505}
.cpt-benefits{
  width:min(900px,94%);
  margin:-1px auto 0 26px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #1a2730;
  border-radius:6px;
  background:#070c10;
  position:relative;
  z-index:5;
}
.cpt-benefits article{
  min-height:62px;
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px 14px;
  border-right:1px solid #1b2831;
}
.cpt-benefits article:last-child{border-right:0}
.cpt-benefits span{
  color:var(--green);
  font-size:1.25rem;
}
.cpt-benefits b{
  display:block;
  font-size:.73rem;
  text-transform:uppercase;
}
.cpt-benefits small{
  display:block;
  color:var(--muted);
  font-size:.66rem;
  margin-top:2px;
}
.cpt-dashboard{
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(340px,.78fr);
  gap:12px;
  padding:12px 26px 10px;
}
.cpt-left-column,
.cpt-right-column{
  display:grid;
  gap:10px;
}
.cpt-section-card{
  border:1px solid #1b2831;
  border-radius:7px;
  background:#060b0f;
  padding:12px;
}
.cpt-section-card h2{
  margin:0 0 10px;
  font-size:.86rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cpt-section-title-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.cpt-section-title-row a{
  color:var(--cyan);
  font-size:.72rem;
}
.cpt-category-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.cpt-category-grid a{
  min-height:60px;
  display:flex;
  gap:9px;
  align-items:center;
  padding:9px 10px;
  border:1px solid #1b2831;
  border-radius:6px;
  background:#090f14;
}
.cpt-category-grid span{
  color:var(--green);
  font-size:1.1rem;
  width:28px;
  text-align:center;
}
.cpt-category-grid b{
  display:block;
  font-size:.68rem;
  text-transform:uppercase;
}
.cpt-category-grid small{
  display:block;
  color:var(--muted);
  font-size:.62rem;
  margin-top:2px;
}
.cpt-product-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.cpt-product-grid .product-card{
  border-radius:6px;
  min-width:0;
}
.cpt-product-grid .product-card:nth-child(n+7){display:none}
.cpt-product-grid .product-card img{aspect-ratio:1/1.04}
.cpt-product-grid .pbody{padding:8px}
.cpt-product-grid .pill{
  font-size:.52rem;
  padding:3px 5px;
  margin-bottom:4px;
}
.cpt-product-grid .pbody h3{
  font-size:.69rem;
  line-height:1.2;
  margin-bottom:2px;
}
.cpt-product-grid .pbody small{font-size:.58rem}
.cpt-product-grid .price{
  font-size:.86rem;
  margin-top:5px;
}
.cpt-product-grid .addbar{
  padding:7px 5px;
  font-size:.58rem;
  margin-top:7px;
}
.cpt-community-opinions{padding-bottom:10px}
.cpt-opinion-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.cpt-opinion-grid article{
  min-height:104px;
  padding:10px;
  border:1px solid #1b2831;
  border-radius:6px;
  background:#090f14;
}
.cpt-opinion-grid article div{
  color:var(--green);
  font-size:.72rem;
  letter-spacing:.08em;
}
.cpt-opinion-grid p{
  margin:6px 0 8px;
  color:#d6dde2;
  font-size:.65rem;
  line-height:1.42;
}
.cpt-opinion-grid small{
  color:#9ba8b1;
  font-size:.6rem;
}
.cpt-why{
  min-height:375px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 30%,rgba(57,255,20,.08),transparent 24%),
    #060b0f;
}
.cpt-why h2{
  position:relative;
  z-index:3;
  font-size:.93rem;
  line-height:1.25;
}
.cpt-why h2 span{color:var(--green)}
.cpt-why-list{
  position:relative;
  z-index:3;
  display:grid;
  gap:11px;
}
.cpt-why-list article{
  display:flex;
  gap:9px;
}
.cpt-why-list i{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--green);
  border-radius:50%;
  color:var(--green);
  font-style:normal;
  font-size:.72rem;
}
.cpt-why-list b{
  display:block;
  font-size:.72rem;
}
.cpt-why-list small{
  display:block;
  color:var(--muted);
  font-size:.62rem;
  margin-top:2px;
}
.cpt-bull-scene{
  position:absolute;
  right:0;
  left:42%;
  bottom:0;
  height:210px;
}
.cpt-world{
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:radial-gradient(circle,#00d4ff 1px,transparent 1.5px);
  background-size:8px 8px;
  mask-image:linear-gradient(90deg,transparent,#000);
}
.cpt-bull{
  position:absolute;
  right:82px;
  bottom:35px;
  color:var(--green);
  font-size:6.2rem;
  filter:drop-shadow(0 0 14px rgba(57,255,20,.28));
}
.cpt-up-arrow{
  position:absolute;
  right:18px;
  top:12px;
  color:var(--green);
  font-size:4rem;
  transform:rotate(-4deg);
}
.cpt-candles{
  position:absolute;
  left:0;
  right:0;
  bottom:12px;
  height:80px;
  display:flex;
  align-items:flex-end;
  gap:8px;
}
.cpt-candles span{
  flex:1;
  background:linear-gradient(180deg,var(--green),rgba(57,255,20,.08));
  border-radius:3px 3px 0 0;
}
.cpt-candles span:nth-child(1){height:22%}
.cpt-candles span:nth-child(2){height:34%}
.cpt-candles span:nth-child(3){height:28%}
.cpt-candles span:nth-child(4){height:55%}
.cpt-candles span:nth-child(5){height:44%}
.cpt-candles span:nth-child(6){height:73%}
.cpt-candles span:nth-child(7){height:100%}
.cpt-join{
  min-height:160px;
  display:grid;
  grid-template-columns:1fr 170px;
  align-items:center;
  gap:10px;
}
.cpt-join p{
  margin:0 0 12px;
  color:var(--muted);
  font-size:.72rem;
}
.cpt-join-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
}
.cpt-join-form input{
  min-width:0;
  height:38px;
  padding:0 10px;
  font-size:.72rem;
}
.cpt-join-form .cpt-btn{
  min-height:38px;
  padding:0 18px;
  font-size:.66rem;
}
.cpt-people{
  text-align:center;
  color:rgba(0,212,255,.36);
  font-size:3rem;
  white-space:nowrap;
}
.cpt-bottom-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #17222a;
  border-bottom:1px solid #17222a;
  background:#05090d;
}
.cpt-bottom-strip div{
  min-height:64px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  align-content:center;
  gap:0 9px;
  padding:10px 18px;
  border-right:1px solid #17222a;
}
.cpt-bottom-strip div:last-child{border-right:0}
.cpt-bottom-strip span{
  grid-row:1/3;
  align-self:center;
  color:var(--green);
}
.cpt-bottom-strip b{font-size:.72rem}
.cpt-bottom-strip small{
  color:var(--muted);
  font-size:.62rem;
}
.cpt-footer{
  min-height:92px;
  display:grid;
  grid-template-columns:1.4fr 1fr auto;
  align-items:center;
  gap:24px;
  padding:16px 36px;
  background:#030609;
}
.cpt-footer-brand img{width:260px}
.cpt-footer-links{
  display:flex;
  gap:18px;
}
.cpt-footer-links a{
  color:#9eabb4;
  font-size:.72rem;
}
.cpt-footer-copy{
  color:#64717a;
  font-size:.68rem;
}
@media(max-width:1200px){
  .cpt-header-inner{grid-template-columns:260px 1fr 50px}
  .cpt-logo img{width:240px}
  .cpt-main-nav{gap:18px}
  .cpt-hero{grid-template-columns:1fr}
  .cpt-hero-products{padding:20px 10px 0}
  .cpt-benefits{margin:0 auto;width:96%}
  .cpt-dashboard{grid-template-columns:1fr}
}
@media(max-width:900px){
  .cpt-header-inner{display:flex}
  .cpt-main-nav{display:none}
  .cpt-main-nav.open{
    display:flex;
    position:absolute;
    left:0;
    right:0;
    top:74px;
    padding:18px;
    background:#03070a;
    flex-direction:column;
  }
  .mobile-toggle{display:block;margin-left:auto}
  .cpt-hero-products{grid-template-columns:repeat(2,1fr)}
  .cpt-benefits{grid-template-columns:repeat(2,1fr)}
  .cpt-benefits article:nth-child(2){border-right:0}
  .cpt-benefits article:nth-child(-n+2){border-bottom:1px solid #1b2831}
  .cpt-category-grid{grid-template-columns:repeat(3,1fr)}
  .cpt-product-grid{grid-template-columns:repeat(3,1fr)}
  .cpt-opinion-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .cpt-header-inner{width:94%}
  .cpt-logo img{width:210px}
  .cpt-hero{padding:24px 16px}
  .cpt-hero-copy{padding-left:0}
  .cpt-hero-copy h1{font-size:2.8rem}
  .cpt-hero-actions{flex-direction:column}
  .cpt-benefits{grid-template-columns:1fr}
  .cpt-benefits article{border-right:0;border-bottom:1px solid #1b2831}
  .cpt-benefits article:last-child{border-bottom:0}
  .cpt-dashboard{padding:10px}
  .cpt-category-grid{grid-template-columns:1fr 1fr}
  .cpt-product-grid{grid-template-columns:1fr 1fr}
  .cpt-opinion-grid{grid-template-columns:1fr}
  .cpt-join{grid-template-columns:1fr}
  .cpt-people{display:none}
  .cpt-bottom-strip{grid-template-columns:1fr}
  .cpt-bottom-strip div{border-right:0;border-bottom:1px solid #17222a}
  .cpt-bottom-strip div:last-child{border-bottom:0}
  .cpt-footer{grid-template-columns:1fr;text-align:center}
  .cpt-footer-brand img{margin:auto}
  .cpt-footer-links{justify-content:center;flex-wrap:wrap}
}

/* PÁGINAS LEGALES */
.legal-content{max-width:1050px}
.legal-panel{padding:34px 38px}
.legal-panel h2{
  margin:30px 0 10px;
  color:#f4f7fb;
  font-size:1.35rem;
}
.legal-panel h3{
  margin:22px 0 8px;
  color:#dfe6eb;
  font-size:1.05rem;
}
.legal-panel p,
.legal-panel li{
  color:#b7c2ca;
  line-height:1.75;
}
.legal-panel ul{
  padding-left:22px;
}
.legal-panel a{
  color:var(--cyan);
  text-decoration:underline;
}
.legal-intro{
  font-size:1.06rem;
  color:#d8e0e5!important;
}
.legal-update{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid var(--line);
  font-size:.9rem;
}
@media(max-width:620px){
  .legal-panel{padding:22px 18px}
}


/* =====================================================
   AJUSTE DEFINITIVO DEL HERO Y LOGO
   ===================================================== */
.cpt-header{
  height:82px;
}
.cpt-header-inner{
  width:min(1600px,97%);
  grid-template-columns:360px 1fr 70px;
}
.cpt-logo{
  display:flex;
  align-items:center;
  min-width:0;
  overflow:visible;
}
.cpt-logo img{
  width:330px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
  display:block;
}
.cpt-main-nav a{
  padding-top:31px;
  padding-bottom:25px;
}

.cpt-hero{
  min-height:390px;
  display:grid;
  grid-template-columns:39% 61%;
  padding:0;
  align-items:stretch;
  background:#03070a;
}
.cpt-hero-left{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  padding:34px 28px 30px 62px;
  background:
    radial-gradient(circle at 18% 24%,rgba(0,212,255,.035),transparent 30%),
    linear-gradient(180deg,#03070a 0%,#03070a 100%);
}
.cpt-hero-right{
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#03080b;
}
.cpt-market-bg{
  inset:0;
  opacity:.82;
  background-image:
    linear-gradient(rgba(57,255,20,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,20,.035) 1px,transparent 1px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 480'><path d='M0 370 L110 340 L210 360 L300 308 L400 332 L500 250 L610 278 L720 198 L840 235 L960 158 L1070 198 L1190 118 L1305 150 L1400 102' fill='none' stroke='%2339ff14' stroke-width='5' opacity='.9'/><path d='M0 402 L120 370 L220 388 L315 340 L420 360 L525 295 L640 320 L755 255 L870 286 L980 216 L1090 250 L1205 185 L1310 214 L1400 168' fill='none' stroke='%23d64545' stroke-width='3' opacity='.34'/><g opacity='.88'><line x1='150' y1='185' x2='150' y2='370' stroke='%2300d4ff' stroke-width='4'/><rect x='138' y='228' width='24' height='88' fill='%2300d4ff'/><line x1='255' y1='170' x2='255' y2='345' stroke='%2339ff14' stroke-width='4'/><rect x='243' y='210' width='24' height='92' fill='%2339ff14'/><line x1='390' y1='220' x2='390' y2='390' stroke='%23df4646' stroke-width='4'/><rect x='378' y='257' width='24' height='88' fill='%23df4646'/><line x1='560' y1='142' x2='560' y2='315' stroke='%2339ff14' stroke-width='4'/><rect x='548' y='182' width='24' height='92' fill='%2339ff14'/><line x1='1080' y1='105' x2='1080' y2='245' stroke='%2300d4ff' stroke-width='4'/><rect x='1068' y='138' width='24' height='72' fill='%2300d4ff'/></g></svg>");
  background-size:52px 52px,52px 52px,cover;
  background-position:center,center,center;
}
.cpt-hero-copy{
  padding:0;
}
.cpt-hero-copy h1{
  font-size:clamp(3.5rem,5.3vw,5.7rem);
}
.cpt-hero-copy p{
  width:100%;
  max-width:525px;
}
.cpt-hero-products{
  width:100%;
  min-height:100%;
  align-items:end;
  gap:8px;
  padding:24px 40px 10px 28px;
}
.cpt-hero-product{
  align-self:end;
}
.cpt-hero-product img{
  width:100%;
  max-height:350px;
  object-fit:contain;
  object-position:center bottom;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:0 24px 34px rgba(0,0,0,.58);
}
.cpt-hero-product::after{
  bottom:2px;
  left:12%;
  right:12%;
  height:16px;
}
.cpt-price-top{top:18px}
.cpt-price-mid{top:94px}
.cpt-price-low{bottom:56px}
.cpt-benefits{
  margin:0;
  width:39%;
  border-left:0;
  border-top:0;
  border-radius:0 0 6px 0;
}
@media(max-width:1200px){
  .cpt-header-inner{
    grid-template-columns:300px 1fr 60px;
  }
  .cpt-logo img{
    width:285px;
  }
  .cpt-hero{
    grid-template-columns:1fr;
  }
  .cpt-hero-left{
    padding:32px 24px;
  }
  .cpt-hero-right{
    min-height:390px;
  }
  .cpt-benefits{
    width:100%;
  }
}
@media(max-width:900px){
  .cpt-header{
    height:74px;
  }
  .cpt-header-inner{
    grid-template-columns:1fr auto auto;
  }
  .cpt-logo img{
    width:250px;
  }
  .cpt-main-nav.open{
    top:74px;
  }
}
@media(max-width:620px){
  .cpt-logo img{
    width:215px;
  }
  .cpt-hero-left{
    padding:28px 18px;
  }
  .cpt-hero-right{
    min-height:320px;
  }
  .cpt-hero-products{
    grid-template-columns:repeat(2,1fr);
    padding:18px 16px 8px;
  }
  .cpt-hero-product img{
    max-height:250px;
  }
}

/* MENÚ GLOBAL UNIFICADO */
.cpt-main-nav a.active,
.navlinks a.active{
  color:var(--green);
  border-color:var(--green);
}


/* =========================================================
   HOME PREMIUM — IMPACTO VISUAL
   ========================================================= */
.premium-home{background:#03070a;color:#f3f7f9}
.premium-header{
  position:sticky;top:0;z-index:100;height:82px;
  border-bottom:1px solid #14212a;
  background:rgba(3,7,10,.96);
  backdrop-filter:blur(14px);
}
.premium-header-inner{
  width:min(1560px,96%);
  height:100%;
  margin:auto;
  display:grid;
  grid-template-columns:360px 1fr 70px;
  align-items:center;
  gap:24px;
}
.premium-logo{display:flex;align-items:center;overflow:visible}
.premium-logo img{width:330px;max-width:100%;display:block}
.premium-nav{display:flex;justify-content:center;gap:34px}
.premium-nav a{
  padding:31px 0 25px;
  color:#b9c3ca;
  font-size:.77rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  border-bottom:2px solid transparent;
}
.premium-nav a:hover,.premium-nav a.active{color:var(--green);border-color:var(--green)}
.premium-cart{justify-self:end;font-size:1.2rem}
.premium-cart b{color:var(--green);font-size:.74rem}

.premium-hero{
  min-height:590px;
  display:grid;
  grid-template-columns:42% 58%;
  border-bottom:1px solid #15222b;
  background:#03070a;
}
.premium-hero-left{
  display:flex;
  align-items:center;
  padding:58px 48px 52px 6vw;
  background:
    radial-gradient(circle at 20% 22%,rgba(0,212,255,.045),transparent 30%),
    linear-gradient(180deg,#03070a 0%,#03070a 100%);
}
.premium-copy{max-width:620px}
.premium-kicker{
  display:inline-block;margin-bottom:14px;
  color:var(--green);font-size:.76rem;font-weight:800;
  letter-spacing:.2em;text-transform:uppercase;
}
.premium-copy h1{
  margin:0;
  font-size:clamp(3.8rem,6vw,6.5rem);
  line-height:.88;
  letter-spacing:.01em;
}
.premium-green{color:var(--green)}
.premium-cyan{color:var(--cyan)}
.premium-tagline{
  margin:18px 0 10px;
  font-size:1.08rem;font-weight:800;
  letter-spacing:.28em;
}
.premium-description{
  max-width:540px;margin:0;
  color:#c6d0d6;font-size:1.05rem;line-height:1.65;
}
.premium-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 30px}
.premium-btn{
  min-height:46px;display:inline-flex;align-items:center;justify-content:center;
  gap:16px;padding:0 24px;border-radius:6px;border:1px solid transparent;
  text-transform:uppercase;font-size:.78rem;font-weight:900;
}
.premium-btn-primary{
  color:#061006;background:var(--green);
  box-shadow:0 0 28px rgba(57,255,20,.22);
}
.premium-btn-outline{
  color:var(--cyan);border-color:var(--cyan);
  background:rgba(0,212,255,.035);
}
.premium-proof{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.premium-proof>div{
  padding:12px 14px;border:1px solid #192832;border-radius:10px;
  background:#070d12;
}
.premium-proof b{display:block;font-size:.8rem}
.premium-proof small{display:block;margin-top:3px;color:var(--muted);font-size:.7rem}

.premium-hero-right{
  position:relative;overflow:hidden;
  display:flex;align-items:flex-end;
  background:#03080b;
}
.premium-chart-bg{
  position:absolute;inset:0;opacity:.86;
  background-image:
    linear-gradient(rgba(57,255,20,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,20,.035) 1px,transparent 1px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 650'><path d='M0 500 L120 455 L215 480 L315 390 L430 430 L550 305 L665 345 L790 230 L905 275 L1030 168 L1160 220 L1275 132 L1395 180 L1500 118' fill='none' stroke='%2339ff14' stroke-width='7' opacity='.88'/><path d='M0 542 L125 495 L230 520 L335 440 L450 472 L570 355 L690 395 L815 292 L930 330 L1050 230 L1175 276 L1290 195 L1410 238 L1500 180' fill='none' stroke='%23cf4343' stroke-width='4' opacity='.34'/><g opacity='.9'><line x1='180' y1='260' x2='180' y2='490' stroke='%2300d4ff' stroke-width='5'/><rect x='165' y='315' width='30' height='105' fill='%2300d4ff'/><line x1='310' y1='235' x2='310' y2='455' stroke='%2339ff14' stroke-width='5'/><rect x='295' y='282' width='30' height='112' fill='%2339ff14'/><line x1='465' y1='310' x2='465' y2='525' stroke='%23e34b4b' stroke-width='5'/><rect x='450' y='352' width='30' height='112' fill='%23e34b4b'/><line x1='650' y1='198' x2='650' y2='415' stroke='%2339ff14' stroke-width='5'/><rect x='635' y='245' width='30' height='116' fill='%2339ff14'/><line x1='1120' y1='130' x2='1120' y2='310' stroke='%2300d4ff' stroke-width='5'/><rect x='1105' y='168' width='30' height='95' fill='%2300d4ff'/></g></svg>");
  background-size:54px 54px,54px 54px,cover;
  background-position:center;
}
.premium-shirts{
  position:relative;z-index:2;width:100%;
  display:grid;grid-template-columns:repeat(4,1fr);
  align-items:end;gap:10px;
  padding:44px 46px 26px 28px;
}
.premium-shirt-card{position:relative}
.premium-shirt-card img{
  width:100%;max-height:470px;object-fit:contain;object-position:center bottom;
  border:0;background:transparent;
  filter:drop-shadow(0 24px 24px rgba(0,0,0,.58));
}
.premium-shirt-card::after{
  content:"";position:absolute;left:10%;right:10%;bottom:2px;height:15px;
  border-radius:999px;filter:blur(8px);
  background:radial-gradient(circle,rgba(57,255,20,.35),transparent 70%);
}
.premium-shirt-2::after{background:radial-gradient(circle,rgba(0,212,255,.3),transparent 70%)}
.premium-shirt-3::after{background:radial-gradient(circle,rgba(255,70,70,.27),transparent 70%)}
.premium-shirt-4::after{background:radial-gradient(circle,rgba(0,212,255,.27),transparent 70%)}
.premium-market-label{
  position:absolute;right:14px;z-index:5;
  padding:3px 7px;border-radius:4px;font-size:.7rem;font-weight:800;
}
.premium-market-label-1{top:22px;color:var(--green);border:1px solid #17432a;background:#031008}
.premium-market-label-2{top:108px;color:#7dc6e9}
.premium-market-label-3{bottom:62px;color:#ff5d5d;border:1px solid #521d1d;background:#120505}

.premium-benefits{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid #17232c;background:#05090d;
}
.premium-benefit{
  min-height:86px;display:flex;gap:12px;align-items:center;
  padding:16px 22px;border-right:1px solid #17232c;
}
.premium-benefit:last-child{border-right:0}
.premium-benefit span{color:var(--green);font-size:1.3rem}
.premium-benefit b{display:block;font-size:.86rem}
.premium-benefit small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}

.premium-content{
  width:min(1540px,96%);margin:22px auto;
  display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);
  gap:18px;
}
.premium-main-column,.premium-side-column{display:grid;gap:18px}
.premium-panel{
  border:1px solid #1a2730;border-radius:16px;
  background:linear-gradient(145deg,#0b1117,#070b0f);
  padding:20px;
}
.premium-section-head{
  display:flex;justify-content:space-between;align-items:end;gap:18px;
  margin-bottom:16px;
}
.premium-section-head span,.premium-side-kicker{
  color:var(--green);font-size:.7rem;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
}
.premium-section-head h2,.premium-panel h2{
  margin:4px 0 0;font-size:1.55rem;
}
.premium-section-head a{color:var(--cyan);font-size:.84rem;white-space:nowrap}

.premium-category-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.premium-category{
  min-height:82px;display:flex;align-items:center;gap:12px;
  padding:14px;border:1px solid #1d2a34;border-radius:11px;background:#090e13;
  transition:.22s;
}
.premium-category:hover{transform:translateY(-2px);border-color:#38505b}
.premium-category i{
  width:38px;height:38px;flex:0 0 38px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;border:1px solid #23343d;
  color:var(--green);font-style:normal;font-weight:800;
  background:rgba(57,255,20,.05);
}
.premium-category b{display:block;font-size:.86rem}
.premium-category small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}

.premium-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.premium-product-grid .product-card:nth-child(n+5){display:none}
.premium-product-grid .product-card{border-radius:12px}
.premium-product-grid .product-card img{aspect-ratio:1/1.04}
.premium-product-grid .pbody{padding:12px}
.premium-product-grid .pbody h3{font-size:.84rem}
.premium-product-grid .price{font-size:1rem}
.premium-product-grid .addbar{font-size:.75rem;padding:10px}

.premium-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.premium-value-grid article{
  min-height:150px;padding:16px;border:1px solid #1d2a34;border-radius:11px;background:#090e13;
}
.premium-value-grid span{display:block;color:var(--green);font-weight:900;margin-bottom:10px}
.premium-value-grid b{display:block;font-size:.9rem}
.premium-value-grid p{margin:7px 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}

.premium-why{
  position:relative;overflow:hidden;min-height:500px;
  background:
    radial-gradient(circle at 80% 24%,rgba(57,255,20,.10),transparent 23%),
    linear-gradient(145deg,#0b1217,#060a0e);
}
.premium-reason-list{position:relative;z-index:3;display:grid;gap:15px;margin-top:18px}
.premium-reason-list article{display:flex;gap:10px}
.premium-reason-list i{
  width:25px;height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--green);border-radius:50%;color:var(--green);font-style:normal;
}
.premium-reason-list b{display:block;font-size:.9rem}
.premium-reason-list p{margin:3px 0 0;color:var(--muted);font-size:.77rem;line-height:1.45}
.premium-bull-art{position:absolute;left:38%;right:0;bottom:0;height:240px}
.premium-bull-symbol{
  position:absolute;right:35px;bottom:52px;
  color:var(--green);font-size:7.5rem;filter:drop-shadow(0 0 16px rgba(57,255,20,.28));
}
.premium-growth-line{
  position:absolute;left:0;right:12px;bottom:88px;height:4px;
  transform:rotate(-9deg);background:linear-gradient(90deg,transparent,rgba(57,255,20,.95));
  box-shadow:0 0 20px rgba(57,255,20,.35);
}
.premium-bars{
  position:absolute;left:10px;right:12px;bottom:12px;height:105px;
  display:flex;gap:9px;align-items:flex-end;
}
.premium-bars i{flex:1;background:linear-gradient(180deg,var(--green),rgba(57,255,20,.06));border-radius:4px 4px 0 0}
.premium-bars i:nth-child(1){height:20%}.premium-bars i:nth-child(2){height:34%}.premium-bars i:nth-child(3){height:30%}
.premium-bars i:nth-child(4){height:52%}.premium-bars i:nth-child(5){height:72%}.premium-bars i:nth-child(6){height:100%}

.premium-community p{color:var(--muted);line-height:1.55}
.premium-signup{display:grid;grid-template-columns:1fr auto;gap:8px}
.premium-signup input{min-width:0}
.premium-community-visual{
  margin-top:18px;display:flex;justify-content:flex-end;gap:8px;
  color:rgba(0,212,255,.24);font-size:4rem;
}
.premium-community-visual span:nth-child(2){color:rgba(57,255,20,.24);font-size:4.7rem}

.premium-trust-strip{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid #17232c;border-bottom:1px solid #17232c;background:#05090d;
}
.premium-trust-strip>div{
  min-height:88px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;
  gap:0 11px;align-content:center;padding:14px 22px;border-right:1px solid #17232c;
}
.premium-trust-strip>div:last-child{border-right:0}
.premium-trust-strip span{grid-row:1/3;align-self:center;color:var(--green);font-size:1.3rem}
.premium-trust-strip b{font-size:.86rem}
.premium-trust-strip small{color:var(--muted);font-size:.72rem}

.premium-footer{background:#030609;padding:30px 0 18px}
.premium-footer-inner{
  width:min(1540px,96%);margin:auto;
  display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:30px;
}
.premium-footer-brand img{width:290px}
.premium-footer-brand p{max-width:430px;color:#87949c;font-size:.84rem;line-height:1.55}
.premium-footer h4{margin:0 0 10px}
.premium-footer a{display:block;color:#98a5ad;font-size:.8rem;margin:7px 0}
.premium-copyright{
  width:min(1540px,96%);margin:24px auto 0;padding-top:16px;
  border-top:1px solid #15212a;color:#5f6b73;font-size:.72rem;
}

@media(max-width:1150px){
  .premium-header-inner{grid-template-columns:300px 1fr 60px}
  .premium-logo img{width:285px}
  .premium-nav{gap:20px}
  .premium-hero{grid-template-columns:1fr}
  .premium-hero-right{min-height:480px}
  .premium-content{grid-template-columns:1fr}
}
@media(max-width:850px){
  .premium-header-inner{display:flex}
  .premium-logo img{width:250px}
  .premium-nav{display:none}
  .premium-nav.open{
    display:flex;position:absolute;left:0;right:0;top:82px;
    padding:18px;background:#03070a;flex-direction:column;
  }
  .mobile-toggle{display:block;margin-left:auto}
  .premium-shirts{grid-template-columns:repeat(2,1fr)}
  .premium-proof{grid-template-columns:1fr}
  .premium-benefits{grid-template-columns:repeat(2,1fr)}
  .premium-benefit:nth-child(2){border-right:0}
  .premium-benefit:nth-child(-n+2){border-bottom:1px solid #17232c}
  .premium-category-grid{grid-template-columns:repeat(2,1fr)}
  .premium-product-grid{grid-template-columns:repeat(2,1fr)}
  .premium-value-grid{grid-template-columns:repeat(2,1fr)}
  .premium-trust-strip{grid-template-columns:repeat(2,1fr)}
  .premium-trust-strip>div:nth-child(2){border-right:0}
  .premium-trust-strip>div:nth-child(-n+2){border-bottom:1px solid #17232c}
  .premium-footer-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .premium-header{height:74px}
  .premium-logo img{width:215px}
  .premium-nav.open{top:74px}
  .premium-hero-left{padding:36px 18px}
  .premium-copy h1{font-size:3rem}
  .premium-tagline{font-size:.88rem}
  .premium-actions{flex-direction:column}
  .premium-hero-right{min-height:410px}
  .premium-shirts{padding:20px 14px 18px}
  .premium-benefits{grid-template-columns:1fr}
  .premium-benefit{border-right:0;border-bottom:1px solid #17232c}
  .premium-benefit:last-child{border-bottom:0}
  .premium-content{width:94%}
  .premium-panel{padding:15px}
  .premium-section-head{align-items:flex-start;flex-direction:column}
  .premium-category-grid{grid-template-columns:1fr}
  .premium-product-grid{grid-template-columns:repeat(2,1fr)}
  .premium-value-grid{grid-template-columns:1fr}
  .premium-signup{grid-template-columns:1fr}
  .premium-trust-strip{grid-template-columns:1fr}
  .premium-trust-strip>div{border-right:0;border-bottom:1px solid #17232c}
  .premium-trust-strip>div:last-child{border-bottom:0}
  .premium-footer-inner{grid-template-columns:1fr}
}


/* ICONOS MEJORADOS EN CATEGORÍAS HOME */
.premium-category i{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid #23343d;
  background:
    radial-gradient(circle at 30% 25%, rgba(0,212,255,.08), transparent 45%),
    rgba(57,255,20,.045);
  box-shadow: inset 0 0 18px rgba(0,0,0,.16);
}
.premium-category i svg{
  width:24px;
  height:24px;
  display:block;
  overflow:visible;
}
.premium-category:hover i{
  border-color:#3c5b67;
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.16),
    0 0 20px rgba(57,255,20,.08);
}


/* CABECERA SIN LÍNEA CORTANDO EL LOGO */
.premium-header{
  height:92px;
  border-bottom:0 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.premium-header-inner{
  height:92px;
  align-items:center;
}
.premium-logo{
  height:100%;
  display:flex;
  align-items:center;
  overflow:visible;
}
.premium-logo img{
  width:330px;
  max-height:74px;
  object-fit:contain;
  object-position:left center;
}
.premium-nav a{
  padding-top:35px;
  padding-bottom:31px;
}
@media(max-width:850px){
  .premium-header,
  .premium-header-inner{
    height:82px;
  }
  .premium-logo img{
    max-height:64px;
  }
  .premium-nav.open{
    top:82px;
  }
}
@media(max-width:620px){
  .premium-header,
  .premium-header-inner{
    height:76px;
  }
  .premium-logo img{
    max-height:58px;
  }
  .premium-nav.open{
    top:76px;
  }
}


/* GRAFICA HERO MÁS PROFESIONAL */
.premium-hero-right{
  background:
    radial-gradient(circle at 82% 18%, rgba(0,212,255,.08), transparent 22%),
    radial-gradient(circle at 24% 78%, rgba(57,255,20,.06), transparent 26%),
    linear-gradient(180deg,#03080b 0%, #020609 100%);
}

.premium-chart-bg{
  opacity:.92;
  background-image:
    linear-gradient(rgba(0,212,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,.025) 1px, transparent 1px),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.16) 100%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 700'><defs><linearGradient id='g1' x1='0' x2='0' y1='0' y2='1'><stop offset='0' stop-color='%2339ff14' stop-opacity='0.18'/><stop offset='1' stop-color='%2339ff14' stop-opacity='0'/></linearGradient><linearGradient id='g2' x1='0' x2='1' y1='0' y2='0'><stop offset='0' stop-color='%2300d4ff' stop-opacity='0.12'/><stop offset='1' stop-color='%2300d4ff' stop-opacity='0'/></linearGradient><filter id='glowG'><feGaussianBlur stdDeviation='5' result='b'/><feMerge><feMergeNode in='b'/><feMergeNode in='SourceGraphic'/></feMerge></filter><filter id='glowC'><feGaussianBlur stdDeviation='3' result='b'/><feMerge><feMergeNode in='b'/><feMergeNode in='SourceGraphic'/></feMerge></filter></defs><path d='M70 525 L250 420 L405 455 L575 320 L735 360 L915 225 L1070 275 L1265 145 L1435 205 L1580 118 L1580 680 L70 680 Z' fill='url(%23g1)' opacity='0.55'/><path d='M70 525 L250 420 L405 455 L575 320 L735 360 L915 225 L1070 275 L1265 145 L1435 205 L1580 118' fill='none' stroke='%2339ff14' stroke-width='10' stroke-linecap='round' stroke-linejoin='round' filter='url(%23glowG)'/><path d='M70 560 L260 495 L420 520 L590 430 L750 470 L930 355 L1090 400 L1280 300 L1450 350 L1580 275' fill='none' stroke='%23d84a4a' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/><path d='M70 610 L330 610 L550 560 L740 575 L970 520 L1180 500 L1580 500' fill='none' stroke='url(%23g2)' stroke-width='3' opacity='0.65'/><g filter='url(%23glowC)' opacity='0.94'><g stroke='%2300d4ff' stroke-width='4' stroke-linecap='round'><line x1='230' y1='290' x2='230' y2='430'/><rect x='216' y='325' width='28' height='72' fill='%2300d4ff'/><line x1='410' y1='250' x2='410' y2='385'/><rect x='396' y='290' width='28' height='58' fill='%2300d4ff'/><line x1='625' y1='205' x2='625' y2='350'/><rect x='611' y='242' width='28' height='70' fill='%2300d4ff'/><line x1='890' y1='165' x2='890' y2='315'/><rect x='876' y='198' width='28' height='74' fill='%2300d4ff'/><line x1='1175' y1='105' x2='1175' y2='258'/><rect x='1161' y='138' width='28' height='78' fill='%2300d4ff'/><line x1='1465' y1='70' x2='1465' y2='235'/><rect x='1451' y='112' width='28' height='82' fill='%2300d4ff'/></g><g stroke='%2339ff14' stroke-width='4' stroke-linecap='round'><line x1='305' y1='350' x2='305' y2='490'/><rect x='291' y='382' width='28' height='70' fill='%2339ff14'/><line x1='515' y1='280' x2='515' y2='420'/><rect x='501' y='320' width='28' height='62' fill='%2339ff14'/><line x1='760' y1='255' x2='760' y2='395'/><rect x='746' y='290' width='28' height='68' fill='%2339ff14'/><line x1='1015' y1='175' x2='1015' y2='328'/><rect x='1001' y='210' width='28' height='74' fill='%2339ff14'/><line x1='1328' y1='125' x2='1328' y2='278'/><rect x='1314' y='160' width='28' height='76' fill='%2339ff14'/></g></g><g opacity='0.18'><rect x='155' y='585' width='18' height='55' fill='%2300d4ff'/><rect x='182' y='605' width='18' height='35' fill='%2300d4ff'/><rect x='209' y='572' width='18' height='68' fill='%2300d4ff'/><rect x='570' y='545' width='18' height='95' fill='%2300d4ff'/><rect x='597' y='515' width='18' height='125' fill='%2300d4ff'/><rect x='624' y='560' width='18' height='80' fill='%2300d4ff'/><rect x='1020' y='540' width='18' height='100' fill='%2300d4ff'/><rect x='1047' y='505' width='18' height='135' fill='%2300d4ff'/><rect x='1074' y='550' width='18' height='90' fill='%2300d4ff'/><rect x='1400' y='500' width='18' height='140' fill='%2300d4ff'/><rect x='1427' y='475' width='18' height='165' fill='%2300d4ff'/><rect x='1454' y='520' width='18' height='120' fill='%2300d4ff'/></g></svg>");
  background-size:56px 56px, 56px 56px, 100% 100%, cover;
  background-position:center center, center center, center center, center center;
}

.premium-market-label{
  box-shadow:0 0 18px rgba(0,0,0,.18);
}

@media(max-width:620px){
  .premium-chart-bg{
    opacity:.82;
    background-size:42px 42px, 42px 42px, 100% 100%, cover;
  }
}


/* =========================================================
   MEJORA PREMIUM HERO SHIRTS + PRODUCTOS DESTACADOS
   ========================================================= */

/* 1) HERO: camisetas más premium */
.premium-shirts{
  gap:14px;
  padding:44px 44px 28px 26px;
  align-items:end;
}
.premium-shirt-card{
  position:relative;
  min-height:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:8px 8px 26px;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 26%),
    linear-gradient(180deg, rgba(6,11,15,.15) 0%, rgba(4,8,11,.45) 100%);
}
.premium-shirt-card::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:10px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(20,28,34,.95), rgba(8,12,16,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 22px rgba(0,0,0,.45);
}
.premium-shirt-card::after{
  content:"";
  position:absolute;
  left:16%;
  right:16%;
  bottom:2px;
  height:18px;
  border-radius:999px;
  filter:blur(10px);
  background:radial-gradient(circle, rgba(57,255,20,.38), transparent 72%);
}
.premium-shirt-2::after{background:radial-gradient(circle, rgba(0,212,255,.34), transparent 72%)}
.premium-shirt-3::after{background:radial-gradient(circle, rgba(255,76,76,.32), transparent 72%)}
.premium-shirt-4::after{background:radial-gradient(circle, rgba(0,212,255,.32), transparent 72%)}
.premium-shirt-1{transform:translateY(14px)}
.premium-shirt-2{transform:translateY(0)}
.premium-shirt-3{transform:translateY(12px)}
.premium-shirt-4{transform:translateY(18px)}
.premium-shirt-card img{
  position:relative;
  z-index:2;
  width:100%;
  max-height:490px;
  object-fit:contain;
  object-position:center bottom;
  filter:
    drop-shadow(0 18px 22px rgba(0,0,0,.62))
    drop-shadow(0 2px 0 rgba(255,255,255,.03));
  transform:scale(1.03);
}

/* 2) Productos destacados más premium */
.premium-product-grid{
  gap:14px;
}
.premium-product-grid .product-card{
  position:relative;
  overflow:hidden;
  border:1px solid #22313b;
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 14%, rgba(0,212,255,.08), transparent 30%),
    linear-gradient(180deg, #0b1015 0%, #070c10 100%);
  box-shadow:
    0 18px 30px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.premium-product-grid .product-card:hover{
  transform:translateY(-6px);
  border-color:#36515f;
  box-shadow:
    0 24px 40px rgba(0,0,0,.32),
    0 0 0 1px rgba(57,255,20,.05);
}
.premium-product-grid .product-card img{
  aspect-ratio:1/1.03;
  object-fit:contain;
  padding:14px 12px 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.04), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.01) 0%, rgba(255,255,255,0) 55%);
}
.premium-product-grid .pbody{
  padding:14px 14px 12px;
}
.premium-product-grid .pill{
  background:linear-gradient(180deg, #ff5252 0%, #d92f2f 100%);
  color:#fff;
  border-radius:999px;
  padding:4px 8px;
  font-size:.56rem;
  letter-spacing:.05em;
  box-shadow:0 4px 12px rgba(217,47,47,.28);
}
.premium-product-grid .pbody h3{
  margin:2px 0 4px;
  font-size:.88rem;
  line-height:1.28;
  min-height:2.25em;
}
.premium-product-grid .pbody small{
  display:block;
  color:#92a0aa;
  font-size:.72rem;
}
.premium-product-grid .price{
  margin-top:10px;
  color:var(--green);
  font-size:1.08rem;
  font-weight:900;
}
.premium-product-grid .addbar{
  width:calc(100% - 28px);
  margin:0 14px 14px;
  border-radius:10px;
  background:linear-gradient(90deg, rgba(57,255,20,.18), rgba(0,212,255,.18));
  border:1px solid rgba(0,212,255,.26);
  color:#e9f5fb;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:.72rem;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.premium-product-grid .addbar:hover{
  background:linear-gradient(90deg, rgba(57,255,20,.28), rgba(0,212,255,.24));
  border-color:rgba(57,255,20,.35);
}

@media(max-width:1150px){
  .premium-shirt-card img{max-height:430px}
}
@media(max-width:620px){
  .premium-shirts{
    gap:10px;
    padding:20px 12px 18px;
  }
  .premium-shirt-card{
    padding:6px 6px 18px;
    border-radius:12px;
  }
  .premium-shirt-card::before{
    left:10%;
    right:10%;
    height:14px;
  }
  .premium-shirt-card::after{
    height:14px;
  }
  .premium-product-grid{
    gap:10px;
  }
  .premium-product-grid .product-card img{
    padding:10px 8px 0;
  }
  .premium-product-grid .addbar{
    width:calc(100% - 20px);
    margin:0 10px 10px;
    font-size:.68rem;
  }
}