:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}#root{width:100%}body{min-width:320px;min-height:100vh;margin:0}body.light{color:#000;--navbar-bg:#fff;--navbar-text:#000;--search-bg:#fff;--search-border:#ddd;--search-text:#000;--product-bg:#ddd;--product-text:#000;--product-img-bg:#fff;--product-shadow:#0000001a;--cart-bg:#ddd;--cart-text:#000;--cart-border:#ccc;--cart-button:#add8e6;--menu-bg:#ddd;--menu-text:#000;--menu-shadow:#0000004d;--menu-close:#fff;--detail-text:#000;--detail-bg:#fff;--detail-shadow:#0003;--detail-close:#add8e6;--checkout-button:#0003;background-color:#fff}body.dark{color:#fff;--navbar-bg:#1e1e1e;--navbar-text:#fff;--search-bg:#2a2a2a;--search-border:#444;--search-text:#fff;--product-bg:#1e1e1e;--product-text:#fff;--product-img-bg:#2a2a2a;--product-shadow:#0009;--cart-bg:#1e1e1e;--cart-text:#fff;--cart-border:#333;--cart-button:#6e6563;--menu-bg:#1e1e1e;--menu-text:#fff;---menu-shadow:#0009;--menu-close:#6e6563;--detail-text:#fff;--detail-bg:#1e1e1e;--detail-shadow:#0009;--detail-close:#6e6563;--checkout-button:#fff6;background-color:#121212}button{cursor:pointer;border:none;border-radius:8px;padding:.6em 1.2em;font-size:1em}ul{padding:0;list-style:none}.overlay-transition{z-index:4000;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:radial-gradient(circle,#00000040 0%,#000c 100%);animation:.5s cubic-bezier(.33,1,.68,1) forwards cinematicFadeIn;position:fixed;inset:0}@keyframes cinematicFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.products{grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;gap:2rem;width:100%;margin-top:100px;display:grid}.products li{box-shadow:0 0 10px 10px var(--product-shadow);background:var(--product-bg);color:var(--product-text);border-radius:4px;flex-direction:column;gap:1rem;padding:1rem;list-style:none}.products h3{margin:0}.products span{opacity:.9;font-size:1rem}.products img{aspect-ratio:16/9;object-fit:cover;background:var(--product-img-bg);border-radius:4px;width:100%;display:block}@media (width<=768px){.products{grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:180px}}.navbar{z-index:1000;box-sizing:border-box;background:var(--navbar-bg);width:100%;height:70px;color:var(--navbar-text);justify-content:space-between;align-items:center;padding:0 40px;font-family:Poppins,sans-serif;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 10px #0000000d}.navbar-left{flex:none;align-items:center;display:flex}.menu{cursor:pointer;width:28px;margin-right:15px}.logo{width:100px}.navbar-left ul{align-items:center;margin-left:20px;padding:0;list-style:none;display:flex}.theme-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:15px;padding:8px 12px;font-size:18px;transition:all .3s;display:flex}body.dark .theme-btn{color:#fff;background:#1e1e1e}.theme-btn:hover{background:#0000000d}body.dark .theme-btn:hover{background:#2a2a2a}.navbar-left ul li a{color:#bfbfbf;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.navbar-left ul li a:hover{color:#000;border:2px solid #add8e6;border-radius:15px}.navbar-center{flex:1;justify-content:center;display:flex}.navbar-search{background:var(--search-bg);border:1px solid var(--search-border);border-radius:20px;align-items:center;width:100%;max-width:400px;padding:5px 15px;display:flex}.navbar-search input{color:var(--navbar-text);background:0 0;border:none;outline:none;width:100%;padding:6px}.navbar-search img{opacity:.6;width:18px}.navbar-right{flex:none;align-items:center;margin-left:20px;display:flex}.navbar-right ul{align-items:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}.navbar-right ul li img{cursor:pointer;object-fit:contain;width:24px;height:24px;display:block}@media (width<=768px){.navbar{flex-direction:column;gap:12px;height:auto;padding:10px 0;display:flex}.navbar-left{justify-content:center;align-items:center;width:100%;padding:0 15px;display:flex}.navbar-left ul{display:none}.navbar-center{width:100%;padding:0 15px}.navbar-search{width:50%;max-width:50%;margin:0}.navbar-right{border-top:1px solid #0000000d;width:100%;padding-top:8px}.navbar-right ul{justify-content:space-around;align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex}.navbar-right img,.navbar-right svg{width:24px;height:24px}}.cart{background:var(--cart-bg);width:320px;height:calc(100vh - 70px);color:var(--cart-text);z-index:2000;box-sizing:border-box;padding:20px;position:fixed;top:70px;right:0;overflow-y:auto;box-shadow:-5px 0 20px #0000004d}.cart-header{border-bottom:1px solid var(--cart-border);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;display:flex}.cart-header h2{margin:0;font-size:1.2rem}.cart-header button{background:var(--cart-button);color:var(--cart-text);cursor:pointer;border:none;font-size:1.5rem}.cart ul{padding:0;list-style:none}.cart li{border-bottom:1px solid var(--cart-border);padding:15px 0}.checkout-button{background-color:var(--cart-button);width:100%;color:var(--cart-text);text-transform:uppercase;letter-spacing:2px;cursor:pointer;border:none;border-radius:10px;padding:18px 0;font-size:14px;font-weight:700;transition:all .3s;display:block}.checkout-button:hover{letter-spacing:3px;box-shadow:0 4px 15px var(--checkout-button)}.checkout-button:active{transform:scale(.98)}.cart img{border-radius:8px;width:100%;margin-bottom:10px}.cart footer{background-color:var(--cart-button);color:var(--cart-text);cursor:pointer;border:none;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:5px 12px;display:flex}.cart footer span{font-size:15px}.cart footer button:hover{background:var(--cart-button)}.cart>button{background:var(--cart-button);width:100%;color:var(--cart-text);cursor:pointer;border:none;border-radius:4px;margin-top:20px;padding:10px}@media (width<=780px){.cart{width:280px;height:calc(100vh - 200px);padding:15px;top:200px}.cart-header h2{font-size:1rem}.cart img{object-fit:cover;width:80px;height:80px;margin-bottom:0;margin-right:15px}.cart li{align-items:center;padding:10px 0;display:flex}.cart li div{flex:1;font-size:.9rem}.checkout-button{letter-spacing:1px;padding:12px 0;font-size:12px}.cart footer{margin-top:5px;font-size:.85rem}}.menu-panel{background:var(--menu-bg);z-index:2000;width:320px;height:100vh;box-shadow:-5px 0 20px var(--menu-shadow);box-sizing:border-box;color:var(--menu-text);padding:40px 30px;position:fixed;top:0;left:0;overflow-y:auto}.menu-close{cursor:pointer;background-color:var(--menu-close);border:none;margin-bottom:30px;font-size:20px}.menu-panel ul{margin:0;padding:0;list-style:none}.menu-panel li{cursor:pointer;margin-bottom:14px;font-size:14px}.menu-panel li:hover{border:2px solid #add8e6;border-radius:15px;font-weight:700}.menu-section{margin-top:25px}.oferta{color:red;cursor:pointer;margin-bottom:14px;font-size:14px;font-weight:700}.user-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.user-overlay>button{color:#fff;cursor:pointer;z-index:10001;background:0 0;border:none;font-size:2rem;position:absolute;top:20px;right:20px}.user-modal{background:#fff;border-radius:40px;width:90%;max-width:1000px;height:600px;position:relative;overflow:hidden;box-shadow:0 25px 50px #0006}.user-modal form{width:100%;height:100%;display:flex}.usuario-izquierda{background:linear-gradient(#d6ebf2,#f5faff);flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:40px;display:flex}.usuario-izquierda img{width:250px;margin-bottom:30px}.usuario-derecha{background:#fff;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:60px 40px;display:flex}.contenedor-derecha{flex-direction:column;align-items:center;width:100%;display:flex}.contenedor-derecha img{width:100px;margin-bottom:40px}.input-email,.input-password{border-bottom:1.5px solid #333;align-items:center;width:100%;margin-bottom:25px;padding:5px 0;display:flex}.input-email img,.input-password img{width:20px;margin-right:15px;margin-bottom:0!important}.input-email input,.input-password input{background:0 0;border:none;outline:none;width:100%;font-size:1rem}.new-contraseña{color:#555;margin-top:5px;font-size:.85rem;text-decoration:none}.crear,.iniciar{cursor:pointer;border:none;border-radius:25px;padding:12px 40px;font-size:.9rem;font-weight:700;transition:transform .2s}.crear{color:#fff;background-color:#000}.iniciar{color:#000;background-color:#add8e6;width:80%}.crear:hover,.iniciar:hover{transform:scale(1.05)}.contenedor-logo{display:none}@media (width<=768px){.user-modal{width:90%;height:auto;max-height:90vh;overflow-y:auto}.user-modal form{flex-direction:column}.usuario-izquierda{flex:none;padding:30px 20px}.usuario-izquierda img{width:150px;margin-bottom:20px}.usuario-derecha{flex:none;gap:30px;padding:30px 20px}.iniciar{width:100%;margin-top:20px}}.footer{text-align:left;opacity:.95;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:32px;padding:8px 24px;position:fixed;bottom:16px;left:16px}.footer img{background:0 0;width:40px;height:auto;margin:0 auto;display:block}.footer img:hover{box-shadow:0 0 20px green}.detalle-producto{background:var(--detail-bg);z-index:5000;transform-origin:50%;border-radius:24px;flex-direction:column;width:90%;max-width:450px;max-height:90vh;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards modalGrowIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 60px -12px #00000073,0 18px 36px -18px #00000080}.cerrar-detalle{background-color:var(--detail-close);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:15px;right:15px}.cerrar-detalle:hover{transform:scale(1.1)}.camisa{object-fit:contain;background:var(--detail-bg);border-top-left-radius:24px;border-top-right-radius:24px;width:100%;height:350px}.info-producto{color:var(--detail-text);opacity:0;flex-direction:column;gap:10px;padding:24px;animation:.4s .3s forwards fadeInText;display:flex}.info-producto p:first-of-type{color:var(--detail-text);margin:0;font-size:22px;font-weight:800}.info-producto p:nth-of-type(2){color:var(--detail-text);margin:0;font-size:18px;font-weight:500}.info-producto p:nth-of-type(3){color:var(--detail-text);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;line-height:1.5}.boton-primario{color:var(--detail-text);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:55px;font-size:16px;font-weight:700;transition:transform .2s;display:flex}.boton-primario:active{transform:scale(.96)}.agregar-carrito{margin-top:10px}@keyframes modalGrowIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}60%{opacity:1}to{transform:translate(-50%,-50%)scale(1)}}@keyframes fadeInText{to{opacity:1}}@media (width<=480px){.detalle-producto{width:95%;max-height:95vh}}