.productos-container{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;padding:20px 0;font-family:"Inter",system-ui}@media (min-width:600px){.productos-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.productos-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.productos-container{grid-template-columns:repeat(4,1fr)}}.product-card{background:#fff;border-radius:30px;display:flex;flex-direction:column;transition:all 0.3s ease;position:relative;overflow:hidden;box-shadow:0 10px 10px 0 rgb(0 0 0 / .1)}.product-main-img{position:relative;width:100%;height:fit-content;overflow:hidden}.product-main-img img{width:100%;height:100%;object-fit:cover;border-radius:0 0 30px 30px!important}.product-infomation{padding:16px 20px 20px 20px}.product-price{font-family:"Inter",system-ui;margin-bottom:8px;display:flex;align-items:center;gap:10px}.price-current{font-size:20px;font-weight:700;color:#1a1a1a;font-family:"Inter",system-ui}.price-old{font-size:14px;color:#999;text-decoration:line-through;font-family:"Inter",system-ui}.product-title{font-family:"Inter",system-ui;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#333}.product-badge{font-size:11px;color:#888;margin-bottom:16px;border-bottom:1px solid #EEE;padding:0 0 10px 0}.product-variants{margin-bottom:10px;display:flex;align-items:center}.product-variants-label{font-size:12px;font-weight:600;color:#444;display:block;width:55px}.product-colors{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.swatch-container{position:relative}.swatch-pattern{width:30px;height:30px;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;border:2px solid #CCC;transition:0.2s}.pattern-stripe{flex:1;width:100%}.tooltip-text{visibility:hidden;background-color:#222;color:#fff;text-align:center;border-radius:20px;padding:6px 10px;position:absolute;z-index:10;bottom:130%;left:50%;transform:translateX(-50%);opacity:0;transition:0.5s;font-size:11px;white-space:nowrap;pointer-events:none}.tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid #fff0;border-top-color:#222}.swatch-container:hover .tooltip-text{visibility:visible;opacity:1}.swatch-more{width:30px;height:30px;border-radius:50px;background:#f5f5f5;color:#666;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;border:2px solid #ccc;pointer-events:none}.product-tallas{display:flex;gap:6px}.talla-item{display:inline-flex;width:30px;height:30px;justify-content:center;align-items:center;border:2px solid #eee;border-radius:6px;font-size:11px;font-weight:500;background:#fff;color:#444;pointer-events:none}.product-btn{background:#171717;color:#fff;text-decoration:none;text-align:center;padding:16px;border-radius:15px;font-weight:500;margin-top:20px;transition:background 0.3s ease;display:block;font-size:14px}.product-btn:hover{background:#000}.product-actions{display:flex;gap:8px;margin-top:auto}.product-btn-main{flex:1;background:#1a1a1a;color:#fff;text-align:center;padding:12px;border-radius:8px;text-decoration:none;font-weight:600}.product-btn-info{width:45px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.2s}.product-btn-info:hover{background:#e0e0e0}.product-modal{position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background-color:#fff0;backdrop-filter:blur(0);display:none;transition:background-color 0.4s ease,backdrop-filter 0.4s ease;align-items:center;justify-content:center}.product-modal.is-visible{background-color:rgb(0 0 0 / .6);backdrop-filter:blur(5px)}.modal-content{background-color:#fff;margin:auto;padding:30px;border-radius:20px;width:90%;max-width:900px;position:relative;max-height:85vh;overflow-y:auto;opacity:0;transform:scale(.9) translateY(20px);transition:opacity 0.4s ease,transform 0.4s cubic-bezier(.165,.84,.44,1)}.product-modal.is-visible .modal-content{opacity:1;transform:scale(1) translateY(0)}.close-modal{position:absolute;right:20px;top:15px;font-size:30px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.modal-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-img{width:100%;height:200px;object-fit:cover;border-radius:10px}.modal-section{margin-top:25px}.modal-section h4{border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px}.info-list{display:grid;gap:15px}.info-item{display:flex;align-items:center;gap:12px}.info-svg svg{width:24px;height:24px;fill:#444}.swatch-pattern.large{width:45px;height:45px}@media (max-width:768px){.modal-grid{grid-template-columns:1fr}}.close-modal{position:absolute;right:20px;top:15px;font-size:30px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.modal-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-img{width:100%;height:200px;object-fit:cover;border-radius:10px}.modal-section{margin-top:25px}.modal-section h4{border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px}.info-list{display:grid;gap:15px}.info-item{display:flex;align-items:center;gap:12px}.info-svg svg{width:24px;height:24px;fill:#444}.swatch-pattern.large{width:45px;height:45px}@media (max-width:768px){.modal-grid{grid-template-columns:1fr}}