*{box-sizing:border-box;margin:0;padding:0} :root{--bg:#0a0a0a;--surface:#141414;--surface2:#1b1b1b;--text:#f5f5f5;--muted:#999;--line:#2a2a2a;--accent:#d8ff00}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.header{height:78px;position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(10,10,10,.9);backdrop-filter:blur(15px);border-bottom:1px solid #242424;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.logo,.footer-logo{font:400 2rem Anton,sans-serif;letter-spacing:2px}.logo span,.footer-logo span{color:var(--accent);font-size:.65rem}.nav{display:flex;gap:27px}.nav a{font-size:.72rem;font-weight:800;letter-spacing:1px}.nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.cart-btn,.menu-btn{background:none;color:white;border:0;cursor:pointer}.icon-btn{font-size:1.7rem}.cart-btn{padding:8px 10px;border:1px solid #333}.cart-btn b{color:var(--accent)}.menu-btn{display:none;font-size:1.5rem}.search-bar{position:fixed;z-index:999;top:78px;right:5vw;width:min(430px,90%);display:none;padding:12px;background:#111;border:1px solid #333}.search-bar.open{display:block}.search-bar input{width:100%;padding:13px;background:#1c1c1c;color:#fff;border:1px solid #333;outline:none}.hero{min-height:100vh;padding:135px 8vw 70px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:5vw;overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(216,255,0,.13),transparent 28%)}.eyebrow,.tag{font-size:.7rem;letter-spacing:2px;font-weight:800;color:var(--accent);margin-bottom:16px}.hero h1,h2{font:400 clamp(4rem,8vw,8.5rem)/.88 Anton,sans-serif;letter-spacing:1px}.hero h1 span,h2 span{color:var(--accent)}.hero-copy>p:not(.eyebrow){color:#bbb;max-width:560px;margin:28px 0;font-size:1rem}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid var(--accent);min-height:48px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;letter-spacing:1px;cursor:pointer}.primary{background:var(--accent);color:#090909}.primary:hover{background:#fff;border-color:#fff}.ghost{border-color:#555}.ghost:hover{color:var(--accent);border-color:var(--accent)}.hero-features{display:flex;gap:20px;margin-top:55px;flex-wrap:wrap;color:#777;font-size:.63rem;font-weight:800}.hero-art{height:580px;position:relative;display:grid;place-items:center}.shirt-art{width:65%;height:78%;background:#eee;clip-path:polygon(25% 0,39% 8%,61% 8%,75% 0,100% 18%,83% 39%,76% 28%,76% 100%,24% 100%,24% 28%,17% 39%,0 18%);display:grid;place-items:center;color:#111;font:3rem Anton,sans-serif;box-shadow:30px 30px 70px rgba(0,0,0,.4)}.floating{position:absolute;right:2%;bottom:13%;font:3.5rem/.85 Anton,sans-serif;color:var(--accent);transform:rotate(-7deg)}.announcement{padding:14px 5vw;border-block:1px solid #222;background:#101010;display:flex;justify-content:space-around;gap:20px;color:#888;font-size:.6rem;font-weight:800;letter-spacing:1.5px}.section{padding:110px 8vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-head h2{font-size:clamp(3.2rem,6vw,6rem)}.muted{color:var(--muted)}.shop-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap}.categories{display:flex;gap:7px;flex-wrap:wrap}.categories button,.shop-tools select{background:#141414;color:#aaa;border:1px solid #333;padding:11px 16px;font-size:.68rem;font-weight:800;cursor:pointer}.categories button.active,.categories button:hover{background:var(--accent);color:#111;border-color:var(--accent)}.shop-tools select{min-width:200px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{background:var(--surface);border:1px solid #202020;transition:.2s}.product:hover{transform:translateY(-3px);border-color:#444}.product-visual{height:390px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#292929,#0d0d0d)}.mock-shirt{width:56%;height:70%;background:var(--shirt,#eee);clip-path:polygon(25% 0,40% 8%,60% 8%,75% 0,100% 17%,83% 38%,76% 28%,76% 100%,24% 100%,24% 28%,17% 38%,0 17%);display:grid;place-items:center;color:#111;font:1.6rem Anton,sans-serif}.product-label{position:absolute;left:15px;top:15px;background:var(--accent);color:#111;padding:6px 9px;font-size:.58rem;font-weight:900}.product-info{padding:18px}.product-info h3{font-size:.95rem}.product-info p{color:#777;font-size:.72rem;margin:5px 0 13px}.product-row{display:flex;justify-content:space-between;align-items:center}.product-row strong{color:var(--accent)}.quick{border:1px solid #444;background:none;color:#fff;padding:9px 12px;font-size:.62rem;font-weight:800;cursor:pointer}.quick:hover{border-color:var(--accent);color:var(--accent)}.banner{background:var(--accent);color:#111;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.tag.dark{color:#111}.banner h2 span{color:#fff}.banner>div:first-child>p:not(.tag){max-width:530px;margin:25px 0}.dark-btn{background:#111;color:#fff;border-color:#111}.steps{border-top:1px solid rgba(0,0,0,.25)}.steps>div{padding:22px 0;border-bottom:1px solid rgba(0,0,0,.25);display:grid;grid-template-columns:45px 1fr 1fr;gap:15px;align-items:center}.steps h3{font:400 1.6rem Anton}.steps p{font-size:.8rem}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-copy>p{font-size:1.2rem;color:#bbb;max-width:600px;margin-bottom:55px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats div{border-top:1px solid #333;padding-top:15px}.stats strong{display:block;color:var(--accent);font:2.7rem Anton}.stats span{font-size:.6rem;color:#777;font-weight:800}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#111}.contact form{display:grid;gap:11px}.contact input,.contact select,.contact textarea{background:#191919;border:1px solid #333;color:#fff;padding:15px;outline:none}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--accent)}.full{width:100%}footer{padding:55px 8vw;border-top:1px solid #222;display:grid;gap:14px}footer p{color:#666;font-size:.65rem;letter-spacing:1.5px}footer div:nth-of-type(1){display:flex;gap:20px;font-size:.7rem;font-weight:700}footer small{color:#555;margin-top:20px}.wa{position:fixed;z-index:900;right:22px;bottom:22px;width:55px;height:55px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 30px #000}.modal{display:none;position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.75);padding:30px;place-items:center}.modal.open{display:grid}.modal-card{background:#151515;max-width:850px;width:100%;max-height:90vh;overflow:auto;position:relative}.close{background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}.modal-card>.close{position:absolute;right:15px;top:8px;z-index:2}.modal-grid{display:grid;grid-template-columns:1fr 1fr}.modal-image{min-height:550px;display:grid;place-items:center;background:linear-gradient(145deg,#292929,#0c0c0c)}.modal-image .mock-shirt{width:55%;height:70%}.modal-info{padding:55px 40px}.modal-info h2{font-size:3.5rem;margin-bottom:12px}.price{font-size:1.3rem;color:var(--accent);font-weight:800;margin-bottom:15px}.modal-info label{display:block;font-size:.65rem;font-weight:800;margin-top:18px}.modal-info select{display:block;width:100%;margin-top:7px;background:#202020;border:1px solid #333;color:#fff;padding:12px}.quantity{display:flex;margin-top:7px}.quantity button,.quantity input{height:42px;width:42px;background:#202020;border:1px solid #333;color:#fff;text-align:center}.quantity input{width:55px}.cart{position:fixed;z-index:1300;right:-430px;top:0;height:100%;width:min(430px,100%);background:#111;border-left:1px solid #333;display:flex;flex-direction:column;transition:.3s}.cart.open{right:0}.cart-head{padding:24px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.cart-head h2{font-size:2rem}.cart-items{flex:1;overflow:auto;padding:18px}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid #292929}.mini{background:#252525;display:grid;place-items:center}.mini .mock-shirt{width:60%;height:70%}.cart-item h4{font-size:.8rem}.cart-item p{color:#777;font-size:.65rem}.cart-item strong{color:var(--accent);font-size:.75rem}.remove{background:none;border:0;color:#777;cursor:pointer}.cart-bottom{padding:20px;border-top:1px solid #333}.cart-bottom>div{display:flex;justify-content:space-between;margin-bottom:8px}.cart-bottom p{font-size:.65rem;color:#666;margin-bottom:15px}.overlay{display:none;position:fixed;inset:0;z-index:1250;background:rgba(0,0,0,.55)}.overlay.show{display:block}.toast{position:fixed;z-index:1500;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--accent);color:#111;padding:12px 18px;font-size:.7rem;font-weight:900;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.nav{display:none;position:absolute;top:78px;left:0;width:100%;background:#111;padding:25px;flex-direction:column;border-bottom:1px solid #333}.nav.open{display:flex}.menu-btn{display:block}.hero,.banner,.about,.contact{grid-template-columns:1fr}.hero-art{height:430px}.products{grid-template-columns:1fr 1fr}.modal-grid{grid-template-columns:1fr}.modal-image{min-height:300px}.modal-info{padding:30px}.section{padding:80px 6vw}}@media(max-width:550px){.products{grid-template-columns:1fr}.hero h1{font-size:4.7rem}.hero{padding:115px 6vw 60px}.hero-art{height:330px}.shirt-art{height:80%}.announcement{overflow:hidden;white-space:nowrap}.section-head{display:block}.section-head .muted{margin-top:15px}.stats{grid-template-columns:1fr}.steps>div{grid-template-columns:35px 1fr}.steps p{grid-column:2}.modal{padding:10px}}

.logo img {
    width: 80px;
    height: auto;
    max-width: 60px;
    object-fit: contain;
}
.wa {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #25D366;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 28px;
    z-index: 100;
}

.wa:hover {
    transform: scale(1.08);
}

.product-image {
    width: 100%;
    height: 280px;
    object-fit: contain;
    display: block;
}

.modal-product-image {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
    display: block;
}
.modal-product-image {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
    display: block;
}

.ver-mas-container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 40px;
}
.hero-shirt-logo {
    position: absolute;
    width: 250px;
    height: auto;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    z-index: 2;
}
/* WHATSAPP: ESQUINA INFERIOR IZQUIERDA */
#waButton.wa {
    position: fixed !important;
    left: 22px !important;
    right: auto !important;
    bottom: 25px !important;
    top: auto !important;
    z-index: 999999 !important;
}

/* EFECTO DE LATIDO Y AURA PARA WHATSAPP */
#waButton.wa {
    isolation: isolate;
    animation: wa-latido 2s ease-in-out infinite;
}

/* Aura verde que se expande */
#waButton.wa::before {
    content: "";
    position: absolute;
    inset: -8px;
    border: 2px solid rgba(37, 211, 102, 0.8);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    animation: wa-aura 2s ease-out infinite;
}

/* Latido del botón */
@keyframes wa-latido {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.35);
    }
    50% {
        box-shadow: 0 0 0 9px rgba(37, 211, 102, 0);
    }
}

/* Expansión de la aura */
@keyframes wa-aura {
    0% {
        transform: scale(0.85);
        opacity: 0.8;
    }
    100% {
        transform: scale(1.55);
        opacity: 0;
    }
}

/* Respetar usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce) {
    #waButton.wa,
    #waButton.wa::before {
        animation: none;
    }
}