:root{--blue:#139ed8;--blue2:#0098d6;--black:#090909;--ink:#1d2329;--muted:#6d7379;--line:#e6e8eb;--white:#fff;--cyan:#00a9e8;--magenta:#ec168c;--yellow:#f4d20a;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #eceff1;backdrop-filter:blur(12px)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{height:60px;width:auto;display:block}.nav{display:flex;align-items:center;gap:22px}.nav a{color:#20262b;text-decoration:none;font-size:14px;font-weight:700}.nav a:hover{color:var(--blue)}.nav-cta{background:var(--blue);color:#fff!important;padding:12px 16px;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%)}.menu-btn{display:none;border:0;background:none;font-size:28px}.hero{position:relative;overflow:hidden;background:#050505;color:#fff;min-height:670px;display:grid;align-items:center}.hero:after{content:"";position:absolute;right:-120px;bottom:-200px;width:520px;height:520px;background:var(--blue);transform:rotate(22deg);opacity:.95}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:90px 0}.eyebrow,.kicker{display:inline-block;color:var(--blue);font-weight:900;letter-spacing:.12em;font-size:13px}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.94;margin:18px 0 24px;text-transform:uppercase;letter-spacing:-.04em}.hero h1 span{color:var(--blue);display:block}.hero p{font-size:19px;color:#d8dadd;max-width:690px}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:15px 22px;border:2px solid transparent}.btn-primary{background:var(--blue);color:#fff}.btn-outline{border-color:#fff;color:#fff}.btn-light{background:#fff;color:#111}.cmyk-line{display:flex;gap:3px;width:190px;margin-top:30px}.cmyk-line i{height:5px;flex:1}.cmyk-line i:nth-child(1){background:var(--cyan)}.cmyk-line i:nth-child(2){background:var(--magenta)}.cmyk-line i:nth-child(3){background:var(--yellow)}.cmyk-line i:nth-child(4){background:#222}.hero-panel{position:relative}.logo-card{background:#fff;color:#111;padding:34px 34px 24px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);box-shadow:0 25px 70px rgba(0,0,0,.35)}.logo-card img{max-width:340px;width:100%;display:block;margin:auto}.logo-card p{text-align:center;color:#30363b;font-size:16px;margin:5px 0 0;text-transform:uppercase;letter-spacing:.16em}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#292929;margin-top:16px}.mini-grid div{background:#101010;padding:18px}.mini-grid b{display:block;color:#fff}.mini-grid span{font-size:13px;color:#aaa}.powder{position:absolute;border-radius:50%;filter:blur(8px);opacity:.36}.powder-a{width:520px;height:520px;left:-210px;top:-180px;background:radial-gradient(circle at 30% 40%,#0fa4e8 0 15%,transparent 45%),radial-gradient(circle at 65% 60%,#ed1388 0 12%,transparent 42%)}.powder-b{width:600px;height:600px;right:130px;top:-230px;background:radial-gradient(circle,#f4ca09 0 16%,#f04412 24%,transparent 56%)}.section{padding:95px 0}.section-head{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:42px}.section-head h2{font-size:clamp(35px,4.5vw,58px);line-height:1;margin:10px 0 0;text-transform:uppercase;letter-spacing:-.035em}.section-head p{color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-card{border:1px solid var(--line);background:#fff;padding:0 28px 28px;box-shadow:0 10px 40px rgba(0,0,0,.04);transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.1)}.service-bar{margin:0 -28px 24px;background:linear-gradient(90deg,var(--blue) 0 78%,#090909 78%);color:#fff;padding:14px 22px;display:flex;align-items:center;gap:16px;clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%)}.service-bar span{font-weight:900;opacity:.7}.service-bar h3{margin:0;text-transform:uppercase;font-size:20px}.service-card ul{padding-left:20px;margin:0 0 24px}.service-card li{margin:6px 0}.service-card li::marker{color:var(--blue)}.service-card a{font-weight:900;color:var(--blue);text-decoration:none}.dark{background:#090909;color:#fff}.section-head.light p{color:#b9bec3}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.show-card{min-height:300px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid #262626;background:linear-gradient(145deg,#161616,#0a0a0a)}.show-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;top:-120px;right:-80px;background:radial-gradient(circle,var(--blue),transparent 65%);opacity:.5}.show-card:nth-child(2):before{background:radial-gradient(circle,var(--magenta),transparent 65%)}.show-card:nth-child(3):before{background:radial-gradient(circle,var(--yellow),transparent 65%)}.show-card span{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.15em}.show-card h3{font-size:30px;line-height:1.05;margin:8px 0}.show-card p{color:#b6bbc0;margin:0}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.why-title h2{font-size:52px;line-height:1.03;text-transform:uppercase;margin:12px 0 20px}.why-title p{color:var(--muted);font-size:17px;margin-bottom:28px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefit{padding:28px;border:1px solid var(--line);position:relative}.benefit b{font-size:40px;color:#e4e7ea;position:absolute;right:20px;top:12px}.benefit h3{font-size:21px;margin:8px 0}.benefit p{color:var(--muted);margin:0}.cta{background:var(--blue);color:#fff;padding:75px 0;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;right:-80px;top:-160px;width:430px;height:430px;border-radius:50%;background:rgba(0,0,0,.1)}.cta-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.cta .kicker{color:#fff}.cta h2{font-size:56px;line-height:1;text-transform:uppercase;margin:10px 0 18px}.cta p{font-size:17px;max-width:680px}.contact-card{background:#fff;color:#1c2227;padding:30px 34px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.contact-card h3{font-size:30px;margin-top:0;text-transform:uppercase}.contact-card p{margin:8px 0;font-size:15px}.contact-card .cmyk-line{margin-top:20px}footer{background:#050505;color:#9ca2a7;padding:22px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;font-size:13px}.wa-float{position:fixed;right:22px;bottom:22px;z-index:40;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#21c063;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.25)}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.menu-btn{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav.open{display:flex}.hero-grid,.section-head,.why-grid,.cta-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:70px 0;gap:40px}.service-grid{grid-template-columns:1fr}.showcase-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.section{padding:70px 0}.why-title h2,.cta h2{font-size:44px}.section-head{gap:15px}}
@media(max-width:600px){.container{width:min(100% - 26px,var(--max))}.brand img{height:48px}.nav-wrap{height:68px}.nav{top:68px}.hero h1{font-size:48px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}.mini-grid,.benefits{grid-template-columns:1fr}.service-card{padding-left:20px;padding-right:20px}.service-bar{margin-left:-20px;margin-right:-20px}.section{padding:58px 0}.section-head h2{font-size:40px}.why-title h2,.cta h2{font-size:38px}.footer-row{flex-direction:column}.contact-card{padding:26px}.wa-float{width:54px;height:54px;right:16px;bottom:16px}}

/* CATÁLOGO */
.active-link{color:var(--blue)!important}.catalog-hero{background:#080808;color:#fff;position:relative;overflow:hidden;padding:82px 0}.catalog-hero:after{content:"";position:absolute;right:-130px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--blue) 0 14%,#f0ca09 25%,#ec168c 39%,transparent 67%);opacity:.32;filter:blur(5px)}.catalog-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .5fr;gap:70px;align-items:center}.catalog-hero h1{font-size:clamp(44px,6vw,76px);line-height:.95;text-transform:uppercase;letter-spacing:-.04em;margin:14px 0 22px}.catalog-hero h1 span{color:var(--blue);display:block}.catalog-hero p{color:#c9cdd1;font-size:18px;max-width:760px}.catalog-badge{border:1px solid #333;padding:32px;background:rgba(255,255,255,.05);clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.catalog-badge strong{display:block;color:var(--blue);font-size:72px;line-height:.9}.catalog-badge span{display:block;text-transform:uppercase;font-size:22px;font-weight:900;margin-top:10px}.catalog-badge small{display:block;color:#aaa;margin-top:12px}.catalog-section{padding:55px 0 90px;background:#f7f8f9}.catalog-toolbar{display:grid;grid-template-columns:1fr 240px;gap:14px;margin-bottom:18px}.catalog-search,.catalog-sort{width:100%;border:1px solid #dadddf;background:#fff;padding:15px 16px;font-size:15px;outline:none}.catalog-search:focus,.catalog-sort:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(19,158,216,.11)}.category-chips{display:flex;gap:9px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #e0e3e5}.chip{border:1px solid #d8dcdf;background:#fff;padding:9px 13px;cursor:pointer;font-weight:800;font-size:12px;text-transform:uppercase}.chip:hover,.chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.catalog-status-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.catalog-status-row p{margin:0;color:var(--muted);font-size:14px}.catalog-original{color:var(--blue);font-weight:800;text-decoration:none;font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid #e2e5e7;transition:.22s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.09)}.product-image{display:block;aspect-ratio:1/1;background:#fff;overflow:hidden;border-bottom:1px solid #edf0f2}.product-image>img{width:100%;height:100%;object-fit:contain;padding:10px;transition:.25s}.product-card:hover .product-image>img{transform:scale(1.035)}.product-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f0f2f4)}.product-placeholder img{width:65%;opacity:.15}.product-body{padding:17px}.product-category{color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.product-body h3{font-size:16px;line-height:1.25;margin:6px 0 16px;min-height:40px}.product-bottom{display:flex;justify-content:space-between;align-items:end;gap:10px;border-top:1px solid #eef0f2;padding-top:12px}.product-bottom strong{font-size:16px}.product-bottom a{font-size:12px;font-weight:900;text-decoration:none;color:var(--blue);white-space:nowrap}.catalog-pagination{text-align:center;padding-top:32px}.catalog-empty{grid-column:1/-1;background:#fff;border:1px solid #e1e4e6;padding:50px;text-align:center}.catalog-empty h3{margin:0 0 8px}.catalog-cta{background:var(--blue);color:#fff;padding:62px 0}.catalog-cta-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.catalog-cta h2{font-size:42px;line-height:1;text-transform:uppercase;margin:8px 0 12px}.catalog-cta p{max-width:780px;margin:0}.catalog-cta .kicker{color:#fff}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.catalog-hero-grid,.catalog-cta-grid{grid-template-columns:1fr}.catalog-badge{max-width:420px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-toolbar{grid-template-columns:1fr}.catalog-status-row{align-items:flex-start;flex-direction:column}.catalog-cta .btn{width:100%}}
@media(max-width:520px){.catalog-hero{padding:58px 0}.catalog-hero h1{font-size:43px}.catalog-grid{grid-template-columns:1fr 1fr;gap:10px}.product-body{padding:12px}.product-body h3{font-size:14px}.product-bottom{display:block}.product-bottom a{display:block;margin-top:8px}.catalog-badge strong{font-size:56px}.catalog-cta h2{font-size:34px}}

/* Sincronización catálogo WooCommerce */
.category-chips .chip small{font-size:.72em;opacity:.66;margin-left:.25rem}
.sync-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;margin-right:7px;vertical-align:1px;box-shadow:0 0 0 3px rgba(22,163,74,.12)}
.product-card h3 a{color:inherit;text-decoration:none}
.product-card h3 a:hover{color:#079bd3}
.product-image img.fallback-logo{object-fit:contain!important;padding:25%;opacity:.16;background:#f8fafc}
.catalog-error{border-left:4px solid #e11d48}

/* REDES SOCIALES EN HEADER */
.social-nav{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-left:8px;
    margin-right:8px;
    flex-wrap:nowrap;
    flex-shrink:0;
}

.social-nav a{
    width:36px;
    height:36px;
    min-width:36px;
    border:1px solid #dfe4e8;
    border-radius:50%;
    display:flex !important;
    align-items:center;
    justify-content:center;
    color:#20262b;
    background:#fff;
    transition:.2s ease;
    flex:0 0 36px;
    padding:0 !important;
}

.social-nav a:hover{
    color:#fff;
    background:var(--blue);
    border-color:var(--blue);
    transform:translateY(-2px);
}

.social-nav svg{
    display:block;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    fill:currentColor;
    stroke:currentColor;
    stroke-width:1.7;
}

.social-nav svg rect,
.social-nav svg circle{
    fill:none;
}

.social-nav a:nth-child(2) svg,
.social-nav a:nth-child(3) svg{
    stroke:none;
}

@media(max-width:1100px) and (min-width:901px){
    .nav{gap:12px}
    .nav a{font-size:13px}
    .nav-cta{padding:11px 13px}

    .social-nav{
        gap:7px;
        margin-left:4px;
        margin-right:4px;
    }

    .social-nav a{
        width:34px;
        height:34px;
        min-width:34px;
        flex-basis:34px;
    }

    .social-nav svg{
        width:19px;
        height:19px;
    }
}

@media(max-width:900px){
    .social-nav{
        flex-direction:row !important;
        gap:12px;
        margin:8px 0;
    }

    .social-nav a{
        width:40px;
        height:40px;
        min-width:40px;
        flex-basis:40px;
    }

    .social-nav svg{
        width:21px;
        height:21px;
    }
}


.social-nav{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
  margin-left:8px !important;
}

.social-nav a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  padding:0 !important;
  border-radius:50% !important;
}

.social-nav svg{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  max-width:20px !important;
}
/* REDES SOCIALES EN HEADER */
.social-nav{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin-left:8px !important;
    margin-right:8px !important;
    flex-wrap:nowrap !important;
    flex-shrink:0 !important;
}

.nav .social-nav a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    flex:0 0 36px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid #dfe4e8 !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#20262b !important;
    transition:.2s ease;
}

.nav .social-nav a:hover{
    background:var(--blue) !important;
    border-color:var(--blue) !important;
    color:#fff !important;
    transform:translateY(-2px);
}

.nav .social-nav svg{
    display:block !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    max-width:20px !important;
}

.social-nav svg rect,
.social-nav svg circle{
    fill:none;
}

.social-nav a:nth-child(2) svg,
.social-nav a:nth-child(3) svg{
    stroke:none;
}

@media(max-width:900px){
    .social-nav{
        flex-direction:row !important;
        gap:12px !important;
        margin:10px 0 !important;
    }

    .nav .social-nav a{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        flex-basis:40px !important;
    }

    .nav .social-nav svg{
        width:21px !important;
        height:21px !important;
    }
}