:root{--color-primary: #a5d5c4;--color-primary-hover: #8ac3b1;--color-accent: #6ab497;--color-text: #2b2b2b;--color-subtext: #666;--color-surface: #ffffff;--color-bg: #f9f9f9;--color-border: #dddddd;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .08);--shadow-medium: 0 6px 16px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--color-bg);color:var(--color-text);font-family:Poppins,sans-serif;line-height:1.5;min-height:100vh}img{max-width:100%;height:auto;display:block}i{display:inline-flex;align-items:center;justify-content:center}a{color:inherit;text-decoration:none;transition:color .2s ease}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);padding:12px 20px;font-weight:600;transition:background .2s ease,transform .2s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}input,textarea,select{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);font-family:inherit;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #a5d5c440}h1,h2,h3,h4,h5{font-weight:600;color:var(--color-text)}body{background-color:var(--color-bg)!important}html,body,#root,main{width:100%!important;margin:0!important;padding:0!important;display:block!important}nav ul,.footer__content,.home-container,.product-grid,.detail-container{max-width:1200px!important;margin:0 auto!important;padding:0 20px!important}.footer,.footer__content,nav{text-align:center!important;align-items:center!important}body[style],body{display:block!important;place-items:normal!important}#root{min-height:100vh;display:flex;flex-direction:column;width:100%}main{flex:1;padding:20px}.nav-wrapper{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.nav-logo img{height:55px;display:block}nav ul{list-style:none;display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}nav{background-color:var(--color-surface);box-shadow:0 2px 8px #0000001a;padding:15px 0;position:sticky;top:0;z-index:100}nav ul{list-style:none;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}nav li{position:relative}nav a{font-size:1rem;font-weight:500;color:var(--color-text);padding:8px 12px;transition:color .2s ease}nav a:hover{color:var(--color-primary)}.nav-link.active{color:var(--color-primary)!important}.in-cart{position:absolute;top:-8px;right:-8px;background-color:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:768px){nav ul{gap:20px;padding:0 15px}nav a{font-size:.9rem}}.product-item{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;text-align:center;padding-bottom:15px}.product-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.product-item img{width:100%;height:200px;object-fit:cover}.product-title{font-size:1.3rem;font-weight:600;margin:20px 15px 10px;color:var(--color-text)}.product-item p:first-of-type{font-size:1.2rem;font-weight:700;color:var(--color-primary);margin-bottom:10px}.product-item p:nth-of-type(2){font-size:.95rem;color:var(--color-subtext);margin:0 20px 15px;line-height:1.4}.product-item button{margin:auto 20px 10px;padding:12px 20px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:background-color .2s ease}.product-item button:hover{background-color:var(--color-primary-hover)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;padding:20px 0;width:100%;max-width:1400px;margin:0 auto}section h1{text-align:center;margin-bottom:40px;color:var(--color-text);font-weight:600}.count-container{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.count-box{display:flex;align-items:center;gap:20px}.count-btn{width:42px;height:42px;font-size:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.count-btn:hover:not(:disabled){border-color:var(--color-primary);background-color:#eef7f4;transform:translateY(-2px)}.count-btn:active:not(:disabled){transform:scale(.95)}.count-btn:disabled{opacity:.4;cursor:default}.count-value{font-size:1.4rem;font-weight:600;width:40px;text-align:center;color:var(--color-text)}.add-cart-btn{width:100%;max-width:420px;padding:16px 0;font-size:16px;font-weight:600;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;transition:background .2s ease,transform .15s ease}.add-cart-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px)}.add-cart-btn:disabled{opacity:.5;cursor:not-allowed}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:40px auto;padding:20px}.product-detail__image-wrapper{width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-medium)}.product-detail__image{width:100%;object-fit:cover}.product-detail__info{display:flex;flex-direction:column}.product-detail__title{font-size:28px;font-weight:600;margin-bottom:10px}.product-detail__price{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:20px}.product-detail__description{font-size:16px;color:var(--color-subtext);line-height:1.6;margin-bottom:40px}.product-detail__counter{margin-top:20px;display:flex;justify-content:center}@media(max-width:900px){.product-detail{grid-template-columns:1fr}}.detail-container{max-width:1000px;margin:40px auto;padding:20px;display:flex;justify-content:center}.cart-wrapper{max-width:900px;padding:25px;margin:40px auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium)}.cart-title{font-size:22px;font-weight:600;border-bottom:1px solid var(--color-border);padding-bottom:10px;margin-bottom:25px}.cart-header,.cart-item{display:grid;grid-template-columns:1fr 120px;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border)}.cart-item-left{display:flex;gap:15px;align-items:center}.cart-item-left img{width:85px;height:85px;object-fit:cover;border-radius:var(--radius-md)}.cart-item-info h3{font-size:16px;margin:0}.cart-description{font-size:13px;color:var(--color-subtext)}.cart-subtotal{font-size:16px;font-weight:600}.cart-delete{margin-top:8px;color:#d9534f;background:none;border:none;font-size:20px;cursor:pointer}.cart-footer{margin-top:30px;border-top:1px solid var(--color-border);padding-top:20px}.cart-total{font-size:20px;font-weight:600;text-align:right;color:var(--color-primary)}.cart-buttons{display:flex;justify-content:space-between;margin-top:20px}.btn-empty,.btn-checkout{padding:12px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;border:none;color:#fff}.btn-empty{background-color:var(--color-primary-hover)}.btn-checkout{background-color:var(--color-primary)}.cart-empty{text-align:center;padding:40px}.btn-back{margin-top:15px;display:inline-block;background:var(--color-primary);padding:12px 20px;border-radius:var(--radius-md);color:#fff}.product-form{width:420px;margin:40px auto;display:flex;flex-direction:column;gap:20px}.product-form h2{margin-bottom:10px;font-size:26px;font-weight:600;color:var(--color-text)}.product-form div{display:flex;flex-direction:column;gap:6px}.product-form label{font-size:12px;color:var(--color-subtext);font-weight:500}.error{color:#d9534f;font-size:13px}.product-form button{width:160px}.session-form{width:380px;margin:60px auto;display:flex;flex-direction:column;gap:18px}.session-form h2{margin-bottom:10px;font-weight:600;color:var(--color-text)}.session-form label{font-size:12px;letter-spacing:.5px;color:var(--color-subtext)}.session-form button{margin-top:10px}.forgot,.register{font-size:14px;color:var(--color-subtext);text-align:center}.register span{font-weight:600}.home-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center}.home-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.home-text{max-width:800px}.home-text h2{font-size:1.8rem;color:var(--color-text);margin-bottom:.5rem}.home-text p{font-size:1rem;color:var(--color-subtext);line-height:1.6}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.benefits{display:flex;justify-content:space-around;align-items:center;gap:2rem;padding:3rem 1rem;margin-top:3rem;background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:1rem;text-align:left;max-width:300px}.benefit-item i{font-size:2rem;color:var(--color-primary)}.benefit-item h3{font-size:1rem;font-weight:600;color:var(--color-text)}.benefit-item p{font-size:.9rem;color:var(--color-subtext);margin-top:.3rem}@media(max-width:768px){.benefits{flex-direction:column;text-align:center}.benefit-item{justify-content:center;text-align:center}}.carousel{position:relative;width:100%;max-width:800px;margin:2rem auto;text-align:center}.carousel-image{width:100%;max-height:500px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-medium)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffd9;border:none;font-size:1.8rem;padding:.4rem .7rem;border-radius:50%;cursor:pointer;transition:background .25s ease,color .25s ease}.carousel-btn:hover{background-color:var(--color-primary);color:#fff}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.carousel-dots{margin-top:1rem}.dot{width:10px;height:10px;background-color:#ccc;border-radius:50%;display:inline-block;margin:0 6px;cursor:pointer}.dot.active{background-color:var(--color-primary)}.nosotros-container{max-width:900px;margin:4rem auto;padding:2rem;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);text-align:center}.nosotros-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.nosotros-img{width:100%;max-width:600px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:var(--shadow-soft)}.nosotros-text h2{font-size:2rem;margin-bottom:1rem;color:var(--color-text)}.nosotros-text p{color:var(--color-subtext);font-size:1.05rem;line-height:1.7}@media(max-width:768px){.nosotros-container{margin:2rem 1rem;padding:1.5rem}.nosotros-text h2{font-size:1.6rem}}.contacto-container{max-width:600px;margin:4rem auto;background-color:var(--color-surface);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-medium)}.contacto-container h2{text-align:center;margin-bottom:1.5rem;color:var(--color-text)}.contacto-form{display:flex;flex-direction:column;gap:1.2rem}.contacto-form label{font-weight:600;color:var(--color-text)}.btn-submit{background-color:var(--color-primary);color:#fff;font-weight:600;border-radius:var(--radius-md);padding:.8rem;cursor:pointer;transition:background .3s ease,transform .2s ease}.btn-submit:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}