@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Outfit:wght@300;400;500;600&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-wood:#c8a882;--accent-wood-hover:#8b6340;--accent-wood-rgb:200, 168, 130;--border-color:#e5e7eb;--border-radius:0px;--success:#15803d;--error:#b91c1c;--pending:#a16207;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-sans);letter-spacing:.3px;font-weight:400}button,input,select,textarea{font-family:var(--font-sans);font-size:1rem}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}button.btn-primary{background-color:var(--text-primary);color:var(--bg-primary);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-smooth);border:none;padding:12px 24px;font-weight:500}button.btn-primary:hover{background-color:var(--accent-wood)}button.btn-primary:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}button.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-smooth);background-color:#0000;padding:12px 24px;font-weight:500}button.btn-secondary:hover{border-color:var(--accent-wood);color:var(--accent-wood)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:.85rem}.form-control{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius);transition:var(--transition-smooth);outline:none;padding:12px}.form-control:focus{border-color:var(--accent-wood)}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;padding:40px 0;display:grid}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:.8s linear infinite spin}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-8px)}60%{transform:translate(-50%,-4px)}}@media (width>=769px){.nav-hamburger,.nav-mobile-menu{display:none!important}}@media (width<=768px){.nav-link-desktop{display:none!important}.nav-hamburger{display:flex!important}.nav-miscompras-btn{display:none!important}.sticky-filter-wrap{padding-top:28px!important;top:53px!important}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}.cart-drawer-panel{border-left:none!important;width:100vw!important;max-width:100vw!important}.qty-btn-touch{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;font-size:18px!important}.cart-qty-selector{flex-shrink:0!important;min-width:132px!important}.close-btn-touch{min-width:44px!important;min-height:44px!important;padding:10px!important}.checkout-btn-touch{padding:18px 16px!important;font-size:1.05rem!important}.info-container-mobile{padding:40px 20px!important}.info-content-mobile{gap:36px!important}.info-sections-mobile{gap:32px!important}.info-section-item-mobile{padding-top:24px!important}.info-title-mobile{font-size:26px!important}.info-text-mobile{font-size:16px!important}.hero-section-mobile{min-height:auto!important;padding:40px 20px 48px!important}.hero-grid-mobile{grid-template-columns:1fr!important;gap:32px!important}.hero-left-col-mobile{gap:32px!important;padding-right:0!important}.hero-right-col-mobile{order:2;width:100%!important}.hero-title-mobile{font-size:34px!important}.hero-desc-mobile{max-width:100%!important}.hero-btn-mobile{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:48px!important;display:flex!important}.hero-actions-mobile{flex-direction:column!important;gap:12px!important}.checkout-grid-mobile{grid-template-columns:1fr!important;gap:16px!important}.checkout-form-section-mobile{height:auto!important;min-height:auto!important;padding:20px 16px!important}.checkout-step-bar-mobile{flex-wrap:wrap!important;gap:4px!important;font-size:9px!important}.checkout-grid2-mobile,.checkout-address-row-mobile{flex-direction:column!important;gap:0!important}.checkout-shipping-cards-mobile,.checkout-payment-row-mobile{flex-direction:column!important;gap:8px!important}.checkout-summary-mobile{padding:20px 16px!important}.quotation-wrapper-mobile{align-items:flex-start!important;padding:24px 16px 48px!important}.quotation-card-mobile{grid-template-columns:1fr!important}.quotation-photo-mobile{min-height:260px!important;max-height:340px!important}.quotation-details-mobile{padding:24px 20px!important}.cq-container-mobile{padding:32px 16px!important}.cq-grid-mobile{grid-template-columns:1fr!important;gap:24px!important}.cq-row-mobile{flex-direction:column!important;gap:0!important}.cq-right-col-mobile{padding:20px 16px!important}.modal-pull-handle{background:#00000024;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 4px;display:block!important}.frame-modal-backdrop{background:var(--bg-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;align-items:stretch!important;padding:0!important}.frame-modal-panel{background:var(--bg-primary)!important;border:none!important;border-radius:0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;overflow:hidden!important}.frame-modal-panel .modal-pull-handle{display:none!important}.frame-modal-close-btn{z-index:12!important;width:40px!important;height:40px!important;top:8px!important;right:10px!important}.frame-modal-content{grid-template-columns:unset!important;grid-template-rows:unset!important;flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important;overflow:hidden!important}.frame-modal-photo-col{display:none!important}.frame-modal-config-col{background:var(--bg-primary)!important;flex-direction:column!important;flex:1!important;gap:0!important;min-height:0!important;padding:10px 14px 0!important;display:flex!important;overflow:hidden!important}.frame-modal-mobile-header{border-bottom:1px solid var(--border-color)!important;flex-shrink:0!important;align-items:center!important;gap:12px!important;padding:4px 36px 10px 0!important;display:flex!important}.frame-modal-thumb-btn{cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;background:0 0!important;border:none!important;flex-shrink:0!important;padding:0!important;position:relative!important}.frame-modal-thumb-frame{width:68px!important;max-width:68px!important;padding:5px!important;box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #00000026,0 3px 10px #0003!important}.frame-modal-thumb-mat{line-height:0!important;overflow:hidden!important}.frame-modal-thumb-mat img{-webkit-user-select:none!important;user-select:none!important;width:100%!important;height:auto!important;display:block!important}.frame-modal-thumb-hint{color:#fff!important;pointer-events:none!important;background:#0000009e!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;display:flex!important;position:absolute!important;bottom:-2px!important;right:-2px!important}.frame-modal-mobile-meta{flex:1!important;min-width:0!important}.frame-modal-mobile-meta h2{text-overflow:ellipsis!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;font-size:1rem!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}.frame-modal-desktop-header,.frame-modal-desktop-divider{display:none!important}.frame-modal-config-scroll{-webkit-overflow-scrolling:touch!important;min-height:0!important;padding:10px 0 calc(130px + env(safe-area-inset-bottom,0px))!important;flex-direction:column!important;flex:1!important;gap:12px!important;display:flex!important;overflow:hidden auto!important}.frame-modal-config-scroll .frame-variant-active{border:2px solid var(--text-primary)!important;background-color:#ececea!important}.frame-modal-cta-desktop{display:none!important}.frame-modal-cta-mobile{z-index:905!important;min-height:118px!important;padding:10px 14px 0!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;background:var(--bg-primary)!important;border-top:1px solid var(--border-color)!important;box-shadow:none!important;display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.frame-modal-cta-mobile:after{content:""!important;height:env(safe-area-inset-bottom,0px)!important;background:var(--bg-primary)!important;pointer-events:none!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.frame-modal-cta-mobile>div{flex-direction:column!important;gap:10px!important;display:flex!important;position:absolute!important;top:10px!important;left:14px!important;right:14px!important}.frame-modal-cta-mobile .frame-modal-prod-note{display:none!important}.frame-modal-cta-mobile .frame-modal-price-val{font-size:1.35rem!important}.frame-modal-cta-mobile .frame-modal-add-btn{min-height:48px!important}.frame-modal-lightbox{z-index:910!important;background:#000000f0!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.frame-modal-lightbox-frame{width:100%!important;max-width:min(92vw,400px)!important}.frame-modal-lightbox-mat{line-height:0!important;overflow:hidden!important}.frame-modal-lightbox-mat img{-webkit-user-select:none!important;user-select:none!important;width:100%!important;height:auto!important;display:block!important}.frame-modal-lightbox-close{top:calc(12px + env(safe-area-inset-top,0px))!important;color:#fff!important;cursor:pointer!important;background:#ffffff26!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:flex!important;position:absolute!important;right:12px!important}.quotation-form-title{color:var(--text-primary)!important}.quotation-modal-backdrop{align-items:flex-end!important;padding:0!important}.quotation-modal-panel{border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important}.quotation-modal-close-btn{width:44px!important;height:44px!important;top:10px!important;right:12px!important}.quotation-modal-container{max-height:92vh!important;padding:20px 16px 24px!important}.quotation-modal-name-row{flex-direction:column!important;gap:0!important}}.frame-modal-mobile-header,.frame-modal-cta-mobile{display:none}@media (width>=769px){.modal-pull-handle,.frame-modal-cta-mobile{display:none!important}.my-orders-overlay{justify-content:center!important;align-items:center!important}.my-orders-panel{border-radius:12px!important;max-height:80vh!important}}@media (width<=768px){.my-orders-panel{border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
