@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--color-primario:#0f172a;--color-acento:#3b82f6;--color-fondo:#f8fafc;--color-tarjeta:#fff;--color-texto:#334155;--color-exito:#10b981;--sombra-suave:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--sombra-hover:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radio-borde:12px}body{background-color:var(--color-fondo);color:var(--color-texto);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;display:flex}h1,h3{color:var(--color-primario);line-height:1.2}h2{color:var(--color-primario);margin-top:.5rem;margin-bottom:2rem;font-size:2.2rem;font-weight:700}a{color:inherit;text-decoration:none}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:3rem 4rem}main section{margin-bottom:5rem;padding-top:2rem}header{background-color:var(--color-primario);color:#fff;box-shadow:var(--sombra-suave);padding:1rem 2rem}header h1{color:#fff;margin-bottom:.5rem;font-size:1.8rem}nav ul{flex-wrap:wrap;gap:20px;list-style:none;display:flex}nav a{color:#cbd5e1;font-weight:500;transition:color .3s}nav a:hover{color:var(--color-acento)}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem 0;display:grid}.product-card{background:var(--color-tarjeta);border-radius:var(--radio-borde);box-shadow:var(--sombra-suave);border:1px solid #0000000d;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--sombra-hover);transform:translateY(-5px)}.product-card img{object-fit:contain;background-color:#f0f0f0;border-bottom:1px solid #eee;width:100%;height:220px}.product-card-content{text-align:left;flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem 3rem;display:flex}.product-card-content p{color:var(--color-texto);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.product-card h3{color:var(--color-primario);margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.btn-comprar,.card-button{background-color:var(--color-primario);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-align:center;border:none;border-radius:6px;width:100%;margin-top:auto;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-block}.btn-comprar:hover,.card-button:hover{background-color:var(--color-acento);transform:scale(1.02);box-shadow:0 4px 12px #3b82f64d}.btn-comprar:active{transform:scale(.98)}.btn-comprar:disabled{cursor:not-allowed;background-color:#94a3b8;transform:none}footer{background-color:var(--color-primario);color:#fff;text-align:center;margin-top:auto;padding:2rem}footer a{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .3s}footer a:hover{color:#fff;text-decoration:underline}@media (max-width:768px){header{text-align:center}nav ul{justify-content:center;padding:0}.products-grid{grid-template-columns:1fr;padding:1rem}}.hero-section{text-align:center;background-color:var(--color-tarjeta);border-radius:var(--radio-borde);box-shadow:var(--sombra-suave);margin-bottom:2rem;padding:6rem 2rem}.hero-section h1{color:var(--color-primario);margin-bottom:1rem;font-size:3rem;font-weight:700}.hero-section p{color:var(--color-texto);max-width:800px;margin:0 auto 2rem;font-size:1.25rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.hero-btn{text-transform:uppercase;border-radius:8px;padding:1rem 2rem;font-weight:600;transition:all .3s}.hero-btn.primary{background-color:var(--color-primario);color:#fff}.hero-btn.primary:hover{background-color:var(--color-acento);box-shadow:var(--sombra-suave);transform:translateY(-2px)}.hero-btn.secondary{border:2px solid var(--color-acento);color:var(--color-acento);background-color:#0000}.hero-btn.secondary:hover{background-color:var(--color-acento);color:#fff;box-shadow:var(--sombra-suave);transform:translateY(-2px)}@media (max-width:600px){.hero-section h1{font-size:2rem}.hero-actions{flex-direction:column;align-items:stretch}}.cta-final{text-align:center;background-color:var(--color-tarjeta);border-radius:var(--radio-borde);box-shadow:var(--sombra-suave);margin-top:3rem;margin-bottom:2rem;padding:4rem 2rem}.cta-final h2{color:var(--color-acento);margin-bottom:1rem;font-size:2rem}.cta-final p{max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--color-primario);margin-bottom:.5rem;font-weight:600;display:block}.input-field{border-radius:var(--radio-borde);border:2px solid #e2e8f0;width:100%;padding:12px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.input-field:focus{border-color:var(--color-acento);outline:none;box-shadow:0 0 0 3px #3b82f633}textarea.input-field{resize:vertical;min-height:120px}.btn-comprar{padding-left:2rem;padding-right:2rem}.header-content-container{justify-content:space-between;align-items:center;height:48px;display:flex}.main-nav-links{align-items:center;gap:1.5rem;display:flex}.main-nav-links .nav-link{color:#fff;padding:.5rem 0;transition:color .3s}.nav-separator{color:#64748b;margin:0 .5rem}.cart-button-icon{cursor:pointer;background-color:#1e293b;border:none;border-radius:9999px;padding:8px;position:relative}.cart-count{color:#fff;background-color:#ef4444;border-radius:9999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75rem;display:flex;position:absolute;top:-5px;right:-5px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-modal-panel{background-color:var(--color-fondo);box-shadow:var(--sombra-hover);flex-direction:column;height:100%;padding:2.5rem 1.5rem;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards slideIn;display:flex}.cart-header-title{color:var(--color-primario);border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.8rem;font-weight:700}.cart-item-container{background-color:var(--color-tarjeta);border-radius:var(--radio-borde);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 1px 3px #00000014}.cart-item-name{color:var(--color-primario);font-weight:600}.cart-item-price{color:var(--color-acento);font-size:1rem;font-weight:700}.cart-item-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:opacity .2s}.cart-item-remove-btn:hover{opacity:.7}.cart-total-container{border-top:2px solid #e5e7eb;margin-top:auto;padding-top:1.5rem}.cart-total-text{color:var(--color-primario);font-size:1.5rem;font-weight:700}.modal-close-button{cursor:pointer;color:var(--color-texto);background-color:#0000;border:none;border-radius:50%;padding:.5rem;font-size:1.5rem;font-weight:700;line-height:1;transition:background-color .2s,color .2s;position:absolute;top:1rem;right:1rem}.modal-close-button:hover{color:#ef4444;background-color:#e5e5e5}.footer-link-item{color:#6b7280;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-link-item:hover{color:var(--color-acento)}.footer-separator{color:#6b7280;margin:0 .5rem;font-size:.9rem}