*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Arial,sans-serif}:root{--oscuro:#0f172a;--violeta:#7c3aed;--rosa:#ec4899;--naranja:#f97316;--gris:#64748b;--gris-claro:#e2e8f0;--blanco:#fff}body{background:#f1f5f9;color:var(--oscuro)}.sidebar{width:290px;background:linear-gradient(180deg,#0f172a,#1e1b4b);color:white;padding:28px 22px;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;z-index:100;box-shadow:10px 0 30px #0004}.logo{margin-bottom:28px}.logo h1{font-size:31px;line-height:1}.logo span{color:var(--rosa)}.logo p{margin-top:8px;font-size:14px;color:#cbd5e1}.menu-title{font-size:12px;text-transform:uppercase;color:#94a3b8;margin:24px 0 10px;letter-spacing:1px;font-weight:bold}.menu-btn{width:100%;border:none;background:transparent;color:white;padding:13px 15px;border-radius:15px;text-align:left;margin-bottom:7px;font-size:15px;cursor:pointer;transition:.3s;display:flex;justify-content:space-between;align-items:center}.menu-btn:hover,.menu-btn.active{background:linear-gradient(135deg,var(--violeta),var(--rosa));transform:translateX(6px);box-shadow:0 8px 18px #ec489959}.promo-sidebar{margin-top:28px;padding:20px;background:linear-gradient(135deg,var(--naranja),var(--rosa));border-radius:24px;box-shadow:0 15px 30px #0004}.promo-sidebar h3{font-size:24px;margin-bottom:8px}.promo-sidebar p{font-size:14px;margin-bottom:15px;line-height:1.4}.promo-sidebar button{border:none;background:white;color:var(--oscuro);padding:11px 18px;border-radius:30px;font-weight:bold;cursor:pointer}.main{margin-left:290px;width:calc(100% - 290px)}.topbar{background:white;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:50;box-shadow:0 5px 18px #0001}.topbar h2{font-size:24px;white-space:nowrap}.mobile-menu-btn{display:none;border:none;background:var(--oscuro);color:white;padding:12px 15px;border-radius:12px;font-size:20px;cursor:pointer}.buscador{flex:1;max-width:470px}.buscador input{width:100%;padding:14px 20px;border-radius:35px;border:2px solid var(--gris-claro);outline:none;font-size:15px;transition:.3s}.buscador input:focus{border-color:var(--violeta);box-shadow:0 0 0 4px #7c3aed21}.top-icons{display:flex;gap:12px}.icon-btn{width:46px;height:46px;border:none;border-radius:50%;background:#f1f5f9;cursor:pointer;font-size:20px;transition:.3s;position:relative}.icon-btn:hover{background:var(--violeta);color:white}.cart-count{position:absolute;top:-4px;right:-4px;background:var(--rosa);color:white;width:22px;height:22px;border-radius:50%;font-size:12px;display:flex;justify-content:center;align-items:center;font-weight:bold}.hero{margin:35px 5%;min-height:350px;background:linear-gradient(90deg,#0f172af0,#7c3aedb3),url("https://images.unsplash.com/photo-1445205170230-053b83016050?auto=format&fit=crop&w=1600&q=80");background-size:cover;background-position:center;border-radius:36px;padding:52px;color:white;display:flex;align-items:center;box-shadow:0 20px 45px #0f172a40;position:relative;overflow:hidden}.hero:before{content:"SALE";position:absolute;right:60px;top:40px;color:#ffffff17;font-size:110px;font-weight:900;letter-spacing:-5px}.hero-content{max-width:620px;position:relative;z-index:2}.hero-badge{display:inline-block;background:var(--rosa);color:white;padding:10px 20px;border-radius:30px;font-weight:bold;margin-bottom:18px;box-shadow:0 8px 18px #ec489959}.hero h2{font-size:50px;line-height:1.05;margin-bottom:18px}.hero p{font-size:18px;color:#e2e8f0;margin-bottom:28px;line-height:1.5}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.btn-principal,.btn-secundario{padding:14px 26px;border-radius:35px;font-weight:bold;cursor:pointer;font-size:15px;transition:.3s}.btn-principal{border:none;background:linear-gradient(135deg,var(--naranja),var(--rosa));color:white;box-shadow:0 12px 25px #ec489966}.btn-secundario{border:2px solid white;background:transparent;color:white}.btn-principal:hover{transform:translateY(-3px)}.btn-secundario:hover{background:white;color:var(--oscuro)}.stats{margin:0 5% 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:white;padding:21px;border-radius:24px;box-shadow:0 10px 24px #00000012;text-align:center;transition:.3s}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{font-size:28px;color:var(--violeta)}.stat-card p{color:var(--gris);font-size:14px;margin-top:5px}.section-head{margin:38px 5% 25px;display:flex;justify-content:space-between;align-items:end;gap:15px}.section-head h2{font-size:35px}.section-head p{color:var(--gris);margin-top:7px}.pill{background:#ede9fe;color:var(--violeta);padding:11px 19px;border-radius:30px;font-weight:bold;font-size:14px;white-space:nowrap}.productos{margin:0 5% 55px;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,290px));gap:26px;justify-content:start;align-items:stretch}.card{background:white;border-radius:24px;overflow:hidden;box-shadow:0 12px 28px #0f172a1c;transition:.35s;position:relative;width:100%;max-width:290px;height:540px;display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);box-shadow:0 22px 40px #0f172a30}.img-box{position:relative;height:175px;min-height:175px;max-height:175px;overflow:hidden}.img-box img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover .img-box img{transform:scale(1.08)}.tag{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--naranja),var(--rosa));color:white;padding:7px 13px;border-radius:30px;font-size:12px;font-weight:bold;box-shadow:0 8px 18px #0003}.heart{position:absolute;top:14px;right:14px;width:39px;height:39px;border:none;border-radius:50%;background:#ffffffe8;cursor:pointer;font-size:19px;transition:.3s}.heart:hover{background:var(--rosa);color:white}.card-body{padding:16px;display:flex;flex-direction:column;flex:1;overflow:hidden}.categoria-texto{color:var(--violeta);font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;height:16px;overflow:hidden}.card-body h3{font-size:18px;color:var(--oscuro);min-height:44px;max-height:44px;overflow:hidden;line-height:1.22;margin-bottom:6px}.rating{color:#f59e0b;margin-bottom:8px;font-size:13px;min-height:16px;line-height:1}.descripcion{font-size:13px;color:var(--gris);line-height:1.35;min-height:48px;max-height:48px;overflow:hidden;margin-bottom:8px}.opciones-producto{margin-bottom:10px;min-height:58px;max-height:58px;overflow:visible;display:grid;grid-template-columns:1fr 88px;gap:10px;align-items:start}.opcion-grupo h4{font-size:12px;color:var(--oscuro);margin-bottom:6px;line-height:1;white-space:nowrap}.talles{display:flex;flex-wrap:wrap;gap:5px;min-height:28px;max-height:28px;overflow:hidden}.talle{border:1px solid #cbd5e1;background:white;color:var(--oscuro);min-width:30px;height:28px;padding:0 8px;border-radius:9px;font-size:12px;font-weight:bold;cursor:pointer;transition:.3s}.talle:hover,.talle.seleccionado{background:linear-gradient(135deg,var(--violeta),var(--rosa));color:white;border-color:transparent}.colores{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:22px;max-height:22px;overflow:visible;padding-left:2px}.color{width:18px;min-width:18px;height:18px;border-radius:50%;border:3px solid white;outline:1px solid #cbd5e1;cursor:pointer;transition:.3s}.color:hover,.color.seleccionado{transform:scale(1.12);outline:2px solid var(--violeta)}.precio-box{display:flex;align-items:center;gap:8px;margin-top:auto;margin-bottom:12px;flex-wrap:wrap;min-height:30px;max-height:32px;overflow:visible}.precio{font-size:21px;font-weight:bold;color:var(--oscuro)}.precio-viejo{color:#94a3b8;text-decoration:line-through;font-size:13px}.acciones{display:flex;gap:8px;min-height:40px}.btn-agregar{flex:1;border:none;background:var(--oscuro);color:white;padding:10px;border-radius:13px;cursor:pointer;font-weight:bold;transition:.3s;font-size:13px}.btn-agregar:hover{background:linear-gradient(135deg,var(--violeta),var(--rosa))}.btn-detalle{border:2px solid #e2e8f0;background:white;color:var(--oscuro);padding:10px 12px;border-radius:13px;cursor:pointer;font-weight:bold;transition:.3s;font-size:13px}.btn-detalle:hover{border-color:var(--violeta);color:var(--violeta)}.panel-modal{display:none;position:fixed;inset:0;background:#0f172abf;z-index:300;align-items:center;justify-content:center;padding:20px}.panel-modal.open{display:flex}.panel-content{width:100%;max-width:620px;background:white;border-radius:26px;padding:26px;box-shadow:0 30px 60px #0006;max-height:92vh;overflow:auto;position:relative}.panel-content.small{max-width:430px}.modal-close{position:absolute;top:16px;right:16px;border:none;background:#f1f5f9;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:24px}.cart-line{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #e2e8f0}.cart-line img{width:70px;height:70px;object-fit:cover;border-radius:14px}.cart-line h4{font-size:15px;margin-bottom:5px}.cart-line p{font-size:13px;color:var(--gris);margin-bottom:5px}.qty-control{display:flex;align-items:center;gap:5px;justify-content:flex-end}.qty-control button,.remove-btn{border:none;background:#ede9fe;color:var(--violeta);font-weight:bold;border-radius:9px;min-width:28px;height:28px;cursor:pointer}.remove-btn{background:#fee2e2;color:#dc2626;padding:0 9px}.cart-total{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:20px}.checkout-form{display:grid;gap:10px;margin-bottom:14px}.checkout-form input,.checkout-form textarea,.auth-form input{width:100%;border:2px solid #e2e8f0;border-radius:14px;padding:13px;outline:none}.checkout-form textarea{min-height:80px;resize:vertical}.btn-full{width:100%;border:none;background:linear-gradient(135deg,var(--violeta),var(--rosa));color:white;padding:14px;border-radius:14px;font-weight:bold;cursor:pointer;font-size:15px}.btn-full.secondary{background:var(--oscuro)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.tab{border:none;background:#f1f5f9;padding:12px;border-radius:12px;font-weight:bold;cursor:pointer}.tab.active{background:var(--oscuro);color:white}.auth-form{display:grid;gap:10px}.hidden{display:none!important}.toast{position:fixed;right:25px;bottom:25px;background:var(--oscuro);color:white;padding:16px 22px;border-radius:18px;box-shadow:0 15px 35px #0004;display:none;z-index:500;font-weight:bold}footer{margin-left:290px;background:var(--oscuro);color:white;padding:35px 5%;text-align:center}footer span{color:var(--rosa);font-weight:bold}@media(max-width:1050px){.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}footer{margin-left:0}.mobile-menu-btn{display:block}.topbar{flex-wrap:wrap}.buscador{order:3;max-width:100%;width:100%}.hero{padding:38px}.hero h2{font-size:40px}.stats{grid-template-columns:repeat(2,1fr)}.productos{grid-template-columns:repeat(auto-fill,minmax(270px,290px))}}@media(max-width:620px){.hero{margin:25px 4%;padding:30px;border-radius:26px}.hero h2{font-size:33px}.hero p{font-size:16px}.stats{grid-template-columns:1fr;margin:0 4% 25px}.section-head{margin:32px 4% 20px;flex-direction:column;align-items:flex-start}.section-head h2{font-size:29px}.productos{margin:0 4% 45px;grid-template-columns:minmax(270px,290px);justify-content:center}.sidebar{width:280px}.card{max-width:290px;height:540px}.cart-line{grid-template-columns:55px 1fr}.cart-line img{width:55px;height:55px}.cart-line .qty-control{grid-column:2}}