:root{--moon-dark:#050505;--moon-black:#0a0a0a;--moon-light:#f9fafb;--moon-card:#fff;--moon-muted:#6b7280;--moon-border:#e5e7eb;--moon-accent:#46C8F4;--moon-ice:#dff8ff;--moon-shadow:0 20px 40px rgba(70,200,244,.15)} .moon-catalogo-page,.moon-catalogo-page *{box-sizing:border-box}.moon-catalogo-page{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--moon-dark);background:var(--moon-light);overflow-x:hidden}.moon-catalogo-page img{max-width:100%;display:block}.moon-catalogo-page button,.moon-catalogo-page input,.moon-catalogo-page select{font-family:inherit}.moon-catalogo-page button{cursor:pointer}.moon-catalogo-page a{text-decoration:none;color:inherit}.moon-catalogo-page h1,.moon-catalogo-page h2,.moon-catalogo-page h3{font-family:"Playfair Display",serif;font-weight:400;line-height:1.08}.moon-icon,.moon-icon svg{width:1.22rem;height:1.22rem;display:inline-flex;align-items:center;justify-content:center;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .moon-navbar{position:sticky;top:0;z-index:9000;width:100%;padding:16px clamp(16px,4vw,48px);background:rgba(5,5,5,.80);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08)}.moon-nav-inner{height:72px;max-width:1380px;margin:0 auto;padding:0 22px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;box-shadow:0 18px 55px rgba(0,0,0,.28)}.moon-logo{display:inline-flex;align-items:center;justify-content:center}.moon-logo img{height:38px;filter:brightness(0) invert(1)}.moon-desktop-nav{display:flex;align-items:center;gap:26px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.moon-desktop-nav a,.moon-desktop-nav button{position:relative;color:rgba(255,255,255,.80);background:transparent;border:0;padding:10px 0;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.moon-desktop-nav a:hover,.moon-desktop-nav button:hover{color:#fff}.moon-nav-dropdown{position:relative}.moon-nav-dropdown>button{display:flex;align-items:center;gap:6px}.moon-nav-dropdown-menu{position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(12px);min-width:260px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(8,8,10,.88);backdrop-filter:blur(22px);box-shadow:0 30px 70px rgba(0,0,0,.34);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}.moon-nav-dropdown:hover .moon-nav-dropdown-menu,.moon-nav-dropdown:focus-within .moon-nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(4px)}.moon-nav-dropdown-menu a{display:block;padding:12px 14px;border-radius:14px;color:rgba(255,255,255,.78);text-transform:none;letter-spacing:0;font-size:14px}.moon-nav-dropdown-menu a:hover{background:rgba(70,200,244,.13);color:var(--moon-accent)}.moon-nav-actions{display:flex;justify-content:flex-end;gap:10px}.moon-nav-actions button,.moon-mobile-open{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;display:inline-flex;align-items:center;justify-content:center;position:relative}.moon-nav-actions button:hover,.moon-mobile-open:hover{border-color:rgba(70,200,244,.42);color:var(--moon-accent)}.moon-nav-count{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;border-radius:999px;background:var(--moon-accent);color:#051018;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.moon-mobile-open{display:none}.moon-mobile-menu{position:fixed;inset:0;z-index:9100;background:rgba(5,5,5,.94);backdrop-filter:blur(24px);transform:translateX(-105%);transition:transform .3s ease;padding:22px;color:#fff}.moon-mobile-menu.is-open{transform:translateX(0)}.moon-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.moon-mobile-head img{height:42px;filter:brightness(0) invert(1)}.moon-mobile-head button{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff}.moon-mobile-nav-list{display:grid;gap:12px}.moon-mobile-nav-list a{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-weight:700} .moon-hero{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#050505}.moon-hero-bg{position:absolute;inset:0}.moon-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.70)),radial-gradient(circle at center,rgba(70,200,244,.08),transparent 50%)}.moon-hero-bg img{width:100%;height:100%;object-fit:cover}.moon-hero-content{position:relative;z-index:2;width:min(760px,92vw);color:#fff;padding:80px 20px}.moon-hero-content h6{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--moon-accent)}.moon-hero-content h1{font-size:clamp(42px,7vw,86px);margin:0 0 20px}.moon-hero-content p{margin:0 auto;max-width:660px;color:rgba(255,255,255,.78);font-size:clamp(15px,2vw,18px);line-height:1.7}.moon-main-catalog{background:var(--moon-light)} .moon-filter-bar{position:sticky;top:105px;z-index:1000;background:rgba(249,250,251,.76);backdrop-filter:blur(18px);border-top:1px solid var(--moon-border);border-bottom:1px solid var(--moon-border);padding:16px clamp(14px,4vw,44px)}.moon-filter-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.moon-search-field{position:relative}.moon-search-field .moon-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--moon-accent);z-index:1}.moon-search-field input,.moon-filter-group select,.moon-page-size select{height:48px;border-radius:999px;border:1px solid var(--moon-border);background:#fff;color:#0d0d0d;font-size:16px;outline:none}.moon-search-field input{width:100%;padding:0 18px 0 50px}.moon-search-field input:focus,.moon-filter-group select:focus,.moon-page-size select:focus{border-color:rgba(70,200,244,.75);box-shadow:0 0 0 4px rgba(70,200,244,.13)}.moon-filter-group{display:flex;gap:10px}.moon-filter-group select{min-width:190px;padding:0 16px}.moon-product-section{padding:44px clamp(14px,4vw,44px) 64px}.moon-product-shell{max-width:1280px;margin:0 auto}.moon-catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;color:var(--moon-muted);font-weight:700}.moon-toolbar-actions{display:flex;align-items:center;gap:12px}.moon-page-size{display:flex;align-items:center;gap:8px}.moon-page-size span{font-size:13px}.moon-page-size select{height:42px;padding:0 12px}.moon-selection-btn{height:44px;border-radius:999px;border:1px solid rgba(70,200,244,.42);background:#fff;color:#111;padding:0 16px;font-weight:800;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--moon-shadow)}.moon-selection-btn [data-selection-count]{background:var(--moon-accent);color:#051018;border-radius:999px;padding:2px 8px;margin-left:2px}.moon-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.moon-product-card{background:#fff;border:1px solid var(--moon-border);border-radius:26px;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.moon-product-card:hover{transform:translateY(-5px);border-color:rgba(70,200,244,.55);box-shadow:0 24px 54px rgba(70,200,244,.14)}.moon-product-image-wrap{position:relative;aspect-ratio:1/1.08;background:#f3f4f6;overflow:hidden}.moon-product-image{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.moon-product-card:hover .moon-product-image{transform:scale(1.035)}.moon-no-image{height:100%;display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",serif;font-size:32px;color:#9ca3af}.moon-heart{position:absolute;right:12px;top:12px;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.60);backdrop-filter:blur(14px);color:#111;display:flex;align-items:center;justify-content:center}.moon-heart.is-active{background:rgba(70,200,244,.92);border-color:var(--moon-accent);color:#061018}.moon-badge{position:absolute;left:12px;top:12px;z-index:3;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.75);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.moon-badge-right{left:auto;right:62px}.moon-product-info{padding:18px}.moon-ref{display:inline-block;color:var(--moon-accent);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}.moon-product-info h3{margin:0 0 8px;font-size:24px;color:#111}.moon-meta{margin:0 0 10px;color:var(--moon-muted);font-size:13px}.moon-desc{margin:10px 0 0;color:#6b7280;line-height:1.55;font-size:13px}.moon-material-chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 10px}.moon-material-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(70,200,244,.32);background:rgba(70,200,244,.10);color:#0e5065;font-size:11px;font-weight:800;cursor:pointer}.moon-material-chip:hover{border-color:rgba(70,200,244,.72);background:rgba(70,200,244,.18)}.moon-empty{grid-column:1/-1;text-align:center;padding:34px;border:1px solid var(--moon-border);border-radius:22px;background:#fff}.moon-no-results{display:none;text-align:center;padding:44px;background:#fff;border:1px solid var(--moon-border);border-radius:28px}.moon-no-results.is-visible{display:block}.moon-no-results .moon-icon{width:42px;height:42px;color:var(--moon-accent);margin:0 auto 12px}.moon-no-results h3{font-size:34px;margin:0 0 10px}.moon-no-results p{color:var(--moon-muted)}.moon-no-results button{height:44px;border-radius:999px;border:0;background:var(--moon-accent);color:#041018;padding:0 18px;font-weight:800}.moon-pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:28px 0 0}.moon-pagination button{min-width:42px;height:42px;border-radius:999px;border:1px solid var(--moon-border);background:#fff;font-weight:800}.moon-pagination button.is-active,.moon-pagination button:hover{border-color:var(--moon-accent);background:rgba(70,200,244,.14);color:#0e5065} .moon-footer{background:#050505;color:#fff;padding:58px clamp(18px,4vw,46px) 26px}.moon-footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}.moon-footer img{height:44px;margin-bottom:18px;filter:brightness(0) invert(1)}.moon-footer p,.moon-footer a{display:block;color:rgba(255,255,255,.65);font-size:14px;line-height:1.7;margin:0 0 8px}.moon-footer a:hover{color:var(--moon-accent)}.moon-footer h5{margin:0 0 18px;color:#fff;font-size:13px;letter-spacing:.18em;text-transform:uppercase}.moon-footer-bottom{max-width:1280px;margin:34px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.10)}.moon-footer-bottom p{font-size:12px;margin:0;color:rgba(255,255,255,.44)} .moon-overlay{position:fixed;inset:0;background:rgba(0,0,0,.46);backdrop-filter:blur(7px);z-index:9998;display:none}.moon-overlay.is-open{display:block}.moon-selection-drawer{position:fixed;right:0;top:0;width:min(430px,92vw);height:100vh;background:rgba(8,10,14,.94);backdrop-filter:blur(24px);z-index:9999;transform:translateX(105%);transition:transform .28s ease;border-left:1px solid rgba(70,200,244,.28);padding:24px;color:#fff;box-shadow:-24px 0 70px rgba(0,0,0,.34)}.moon-selection-drawer.is-open{transform:translateX(0)}.moon-drawer-head{display:flex;align-items:center;justify-content:space-between}.moon-drawer-head h3{font-size:34px;margin:0 0 16px}.moon-drawer-head button{background:transparent;border:0;color:#fff;font-size:34px}.moon-selection-item{display:grid;grid-template-columns:66px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.10);padding:12px 0}.moon-selection-item img{width:66px;height:66px;object-fit:cover;border-radius:14px;background:rgba(255,255,255,.08)}.moon-selection-item strong{display:block}.moon-selection-item span{font-size:12px;color:var(--moon-accent)}.moon-remove-item{background:transparent;border:0;color:#fff;font-size:22px}.moon-whatsapp-btn{width:100%;height:48px;border-radius:999px;border:0;background:var(--moon-accent);color:#041018;margin-top:18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.moon-scroll-top{position:fixed;right:20px;bottom:20px;z-index:8900;width:46px;height:46px;border-radius:999px;border:1px solid rgba(70,200,244,.38);background:rgba(255,255,255,.82);backdrop-filter:blur(14px);color:#111;opacity:0;pointer-events:none;transition:.2s ease}.moon-scroll-top.is-visible{opacity:1;pointer-events:auto} @media(max-width:1100px){.moon-products-grid{grid-template-columns:repeat(3,1fr)}.moon-footer-inner{grid-template-columns:1fr 1fr}.moon-desktop-nav{gap:16px}.moon-filter-inner{grid-template-columns:1fr}.moon-filter-group{width:100%}.moon-filter-group select{flex:1}} @media(max-width:820px){.moon-navbar{padding:10px 12px;background:#050505}.moon-nav-inner{height:62px;padding:0 14px;grid-template-columns:48px 1fr 48px}.moon-desktop-nav{display:none}.moon-mobile-open{display:inline-flex}.moon-logo img{height:32px}.moon-nav-actions button[data-focus-search]{display:none}.moon-hero{min-height:450px}.moon-filter-bar{top:82px;padding:12px}.moon-filter-group{display:grid;grid-template-columns:1fr}.moon-catalog-toolbar{align-items:flex-start;flex-direction:column}.moon-toolbar-actions{width:100%;justify-content:space-between}.moon-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.moon-product-info{padding:14px}.moon-product-info h3{font-size:20px}.moon-footer-inner{grid-template-columns:1fr}.moon-footer{padding-top:42px}.moon-search-field input,.moon-filter-group select{font-size:16px}} @media(max-width:460px){.moon-products-grid{grid-template-columns:1fr}.moon-hero-content{text-align:left}.moon-hero-content h1{font-size:42px}.moon-toolbar-actions{flex-direction:column;align-items:stretch}.moon-selection-btn,.moon-page-size{width:100%;justify-content:center}.moon-selection-drawer{width:94vw}.moon-product-section{padding-left:12px;padding-right:12px}} /* Moon Catálogos v1.4.0 refinamiento visual: glassmorphism, corazones y fotos */ .moon-catalogo-page{background:radial-gradient(circle at 15% 8%,rgba(70,200,244,.08),transparent 28%),linear-gradient(180deg,#050506 0,#f8fafc 34%,#f9fafb 100%)} .moon-product-card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 18px 46px rgba(6,16,24,.10), inset 0 1px 0 rgba(255,255,255,.72)} .moon-product-image-wrap{margin:10px;border-radius:22px;aspect-ratio:1/1.06;background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(223,248,255,.20));border:1px solid rgba(255,255,255,.70);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 18px 36px rgba(8,18,28,.10)} .moon-product-image-wrap:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 24% 12%,rgba(255,255,255,.42),transparent 26%),linear-gradient(135deg,rgba(255,255,255,.12),transparent 42%,rgba(70,200,244,.08));mix-blend-mode:screen}.moon-product-image{position:relative;z-index:0;border-radius:21px}.moon-badge,.moon-heart{z-index:5}.moon-product-info{padding:10px 20px 20px}.moon-product-info h3{font-family:"Playfair Display",serif;letter-spacing:-.02em}.moon-ref,.moon-meta,.moon-desc,.moon-material-chip,.moon-results-count,.moon-page-size{font-family:"Inter",sans-serif}.moon-heart{width:44px;height:44px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.78);box-shadow:0 12px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.moon-heart:hover{transform:scale(1.06);border-color:rgba(70,200,244,.72);color:#0e5065}.moon-heart svg{fill:transparent;transition:fill .2s ease,transform .2s ease}.moon-heart.is-active{background:rgba(70,200,244,.95);border-color:rgba(223,248,255,.95);color:#041018}.moon-heart.is-active svg{fill:currentColor;transform:scale(1.03)}.moon-nav-actions button[data-open-selection]{position:relative}.moon-nav-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--moon-accent);color:#031018;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;position:absolute;right:-4px;top:-4px}.moon-toolbar-actions{justify-content:flex-end}.moon-catalog-toolbar{padding:0 2px}.moon-material-chip{background:rgba(255,255,255,.58);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(70,200,244,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.68)}.moon-filter-bar{background:rgba(255,255,255,.66);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)} @media(max-width:460px){.moon-product-image-wrap{margin:8px;border-radius:20px}.moon-product-image{border-radius:19px}.moon-product-info{padding:8px 16px 18px}.moon-toolbar-actions{align-items:flex-end}.moon-page-size{width:auto;justify-content:flex-start}} /* Moon Catálogos v1.6.0 - grilla 4 columnas, sidebar premium y WhatsApp fijo */ html body .moon-catalogo-page{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; overflow-x:hidden; } html body .entry-content > .moon-catalogo-page, html body .wp-block-post-content > .moon-catalogo-page, html body .elementor-widget-container > .moon-catalogo-page{ width:100vw !important; max-width:100vw !important; } .moon-main-catalog,.moon-hero,.moon-filter-bar,.moon-product-section,.moon-footer,.moon-navbar{width:100%;max-width:100%} .moon-product-shell,.moon-filter-inner,.moon-nav-inner,.moon-footer-inner{max-width:1440px} .moon-product-section{padding-left:clamp(18px,4vw,64px);padding-right:clamp(18px,4vw,64px)} .moon-products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch} .moon-product-card{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)} .moon-product-image-wrap{border-radius:24px;margin:10px 10px 0;border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 18px 44px rgba(5,18,24,.10);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(240,249,252,.36));cursor:zoom-in} .moon-product-image{border-radius:22px} .moon-product-zoom{position:absolute;right:12px;bottom:12px;z-index:5;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.66);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);color:#081018;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.75)} .moon-product-zoom:hover{color:#0e5065;border-color:rgba(70,200,244,.72);transform:scale(1.05)} .moon-badge-right{right:64px} .moon-heart.is-active,.moon-heart[aria-pressed="true"]{background:linear-gradient(135deg,rgba(70,200,244,.98),rgba(222,248,255,.90));border-color:rgba(255,255,255,.92);color:#041018;box-shadow:0 14px 34px rgba(70,200,244,.36),inset 0 1px 0 rgba(255,255,255,.84)} .moon-heart.is-active svg,.moon-heart[aria-pressed="true"] svg{fill:currentColor;stroke:currentColor} .moon-nav-count.is-active,.moon-menu-cart-count.is-active,.moon-selection-count.is-active,.moon-cart-count.is-active{box-shadow:0 0 0 3px rgba(70,200,244,.18),0 8px 18px rgba(70,200,244,.22)} .moon-selection-zoom{width:66px;height:66px;border:0;padding:0;background:transparent;border-radius:16px;cursor:zoom-in;position:relative}.moon-selection-zoom:after{content:"+";position:absolute;right:4px;bottom:4px;width:20px;height:20px;border-radius:999px;background:rgba(70,200,244,.94);color:#041018;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px}.moon-selection-zoom img{width:66px;height:66px;object-fit:cover;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)} .moon-zoom-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);width:min(980px,94vw);max-height:88vh;z-index:10000;display:none;color:#fff;background:rgba(8,10,14,.82);border:1px solid rgba(255,255,255,.16);border-radius:28px;box-shadow:0 30px 100px rgba(0,0,0,.48);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);overflow:hidden}.moon-zoom-modal.is-open{display:block;animation:moonZoomIn .18s ease forwards}.moon-zoom-head{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);font-family:Inter,sans-serif}.moon-zoom-head strong{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.84)}.moon-zoom-head button{width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font-size:26px;line-height:1}.moon-zoom-stage{height:min(760px,calc(88vh - 58px));padding:18px;display:flex;align-items:center;justify-content:center}.moon-zoom-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.32);background:rgba(255,255,255,.03)} body.moon-no-scroll{overflow:hidden} @keyframes moonZoomIn{from{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}} @media(max-width:820px){html body .moon-catalogo-page{margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important}.moon-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.moon-product-shell,.moon-filter-inner,.moon-nav-inner,.moon-footer-inner{max-width:100%}.moon-product-zoom{width:38px;height:38px}.moon-selection-drawer{z-index:10002}.moon-zoom-modal{z-index:10003;width:94vw;max-height:84vh}.moon-zoom-stage{height:calc(84vh - 58px);padding:12px}} @media(max-width:460px){.moon-products-grid{grid-template-columns:1fr}.moon-product-section{padding-left:14px;padding-right:14px}.moon-selection-item{grid-template-columns:62px 1fr auto}.moon-selection-zoom,.moon-selection-zoom img{width:62px;height:62px}} /* Moon Catálogos v1.6.0 - restaurar diseño premium tipo tarjetas y sidebar inferior fijo */ html body .moon-catalogo-page .moon-product-shell, html body .moon-catalogo-page .moon-filter-inner, html body .moon-catalogo-page .moon-footer-inner, html body .moon-catalogo-page .moon-nav-inner{ max-width:1480px !important; } html body .moon-catalogo-page .moon-products-grid{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:24px !important; width:100% !important; align-items:stretch !important; } html body .moon-catalogo-page .moon-product-card{ min-width:0 !important; border-radius:30px !important; background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.76)) !important; border:1px solid rgba(255,255,255,.64) !important; box-shadow:0 24px 55px rgba(7,16,24,.10), inset 0 1px 0 rgba(255,255,255,.76) !important; backdrop-filter:blur(18px) saturate(150%) !important; -webkit-backdrop-filter:blur(18px) saturate(150%) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ margin:12px 12px 0 !important; border-radius:24px !important; aspect-ratio:1/1.05 !important; background:linear-gradient(135deg,rgba(255,255,255,.60),rgba(70,200,244,.07)),#eef2f5 !important; border:1px solid rgba(255,255,255,.75) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 36px rgba(0,0,0,.08) !important; } html body .moon-catalogo-page .moon-product-image{ border-radius:22px !important; object-fit:cover !important; } html body .moon-catalogo-page .moon-product-info{ padding:16px 20px 22px !important; } html body .moon-catalogo-page .moon-product-info h3{ font-family:"Playfair Display",serif !important; font-size:clamp(21px,1.45vw,27px) !important; line-height:1.05 !important; margin-bottom:10px !important; } html body .moon-catalogo-page .moon-ref, html body .moon-catalogo-page .moon-meta, html body .moon-catalogo-page .moon-desc, html body .moon-catalogo-page .moon-material-chip{ font-family:"Inter",sans-serif !important; } html body .moon-catalogo-page .moon-selection-drawer{ display:flex !important; flex-direction:column !important; width:min(440px,94vw) !important; padding:24px 22px 18px !important; background:linear-gradient(180deg,rgba(8,10,14,.96),rgba(8,10,14,.90)) !important; border-left:1px solid rgba(70,200,244,.32) !important; box-shadow:-26px 0 80px rgba(0,0,0,.42) !important; } html body .moon-catalogo-page .moon-selection-list{ flex:1 1 auto !important; min-height:0 !important; overflow-y:auto !important; padding:6px 2px 96px !important; } html body .moon-catalogo-page .moon-selection-item{ grid-template-columns:78px 1fr 34px !important; gap:14px !important; padding:14px 0 !important; border-bottom:1px solid rgba(255,255,255,.10) !important; } html body .moon-catalogo-page .moon-selection-zoom, html body .moon-catalogo-page .moon-selection-zoom img{ width:78px !important; height:78px !important; border-radius:18px !important; } html body .moon-catalogo-page .moon-selection-zoom{ overflow:hidden !important; box-shadow:0 14px 32px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.28) !important; } html body .moon-catalogo-page .moon-selection-zoom:after{ content:"" !important; right:6px !important; bottom:6px !important; width:24px !important; height:24px !important; background:rgba(70,200,244,.94) !important; -webkit-mask:url('data:image/svg+xml;utf8,') center/17px 17px no-repeat !important; mask:url('data:image/svg+xml;utf8,') center/17px 17px no-repeat !important; } html body .moon-catalogo-page .moon-whatsapp-btn{ position:sticky !important; bottom:0 !important; margin-top:auto !important; height:54px !important; flex:0 0 auto !important; border-radius:999px !important; background:linear-gradient(135deg,var(--moon-accent),#bff4ff) !important; color:#031018 !important; box-shadow:0 -18px 42px rgba(8,10,14,.78),0 14px 28px rgba(70,200,244,.22) !important; z-index:2 !important; } @media(max-width:1180px){ html body .moon-catalogo-page .moon-products-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;} } @media(max-width:820px){ html body .moon-catalogo-page .moon-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:15px !important;} html body .moon-catalogo-page .moon-product-image-wrap{margin:9px 9px 0 !important;border-radius:21px !important;} html body .moon-catalogo-page .moon-product-info{padding:13px 14px 17px !important;} } @media(max-width:460px){ html body .moon-catalogo-page .moon-products-grid{grid-template-columns:1fr !important;} html body .moon-catalogo-page .moon-selection-item{grid-template-columns:68px 1fr 30px !important;} html body .moon-catalogo-page .moon-selection-zoom, html body .moon-catalogo-page .moon-selection-zoom img{width:68px !important;height:68px !important;} } /* Moon Catálogos v1.7.0 - centrado de tarjetas y zoom glassmorphism restaurado */ html body .moon-catalogo-page .moon-product-info, html body .moon-catalogo-page .moon-product-info h3, html body .moon-catalogo-page .moon-ref, html body .moon-catalogo-page .moon-meta, html body .moon-catalogo-page .moon-desc{ text-align:center !important; } html body .moon-catalogo-page .moon-ref{ display:block !important; width:100% !important; } html body .moon-catalogo-page .moon-material-chips{ justify-content:center !important; } html body .moon-catalogo-page .moon-product-info h3{ margin-left:auto !important; margin-right:auto !important; } html body .moon-catalogo-page .moon-desc{ max-width:92% !important; margin-left:auto !important; margin-right:auto !important; } html body .moon-catalogo-page .moon-zoom-modal{ position:fixed !important; inset:0 !important; left:0 !important; top:0 !important; transform:none !important; width:100vw !important; height:100vh !important; max-height:none !important; z-index:2147483650 !important; display:none !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; border:0 !important; border-radius:0 !important; color:#fff !important; background: radial-gradient(circle at 50% 28%, rgba(255,255,255,.17), transparent 42%), radial-gradient(circle at 18% 18%, rgba(70,200,244,.14), transparent 34%), rgba(5,5,5,.58) !important; box-shadow:none !important; backdrop-filter:blur(30px) saturate(145%) !important; -webkit-backdrop-filter:blur(30px) saturate(145%) !important; cursor:zoom-out !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open{ display:flex !important; animation:moonZoomFade .18s ease both !important; } html body .moon-catalogo-page .moon-zoom-modal:before{ content:""; position:fixed; inset:0; pointer-events:none; background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 48%), radial-gradient(circle at 82% 18%,rgba(255,255,255,.10),transparent 28%); } html body .moon-catalogo-page .moon-zoom-stage{ position:relative !important; z-index:2 !important; width:min(1080px,100vw) !important; height:auto !important; max-height:none !important; padding:72px 22px 42px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; cursor:auto !important; } html body .moon-catalogo-page .moon-zoom-stage img{ max-width:100% !important; max-height:74vh !important; width:auto !important; height:auto !important; object-fit:contain !important; border-radius:14px !important; border:1px solid rgba(255,255,255,.24) !important; background:#f7f7f7 !important; box-shadow: 0 28px 90px rgba(0,0,0,.46), 0 0 34px rgba(70,200,244,.16), inset 0 1px 0 rgba(255,255,255,.18) !important; cursor:zoom-in !important; pointer-events:auto !important; user-select:none !important; -webkit-user-drag:none !important; transition:opacity .16s ease, transform .2s ease !important; } html body .moon-catalogo-page .moon-zoom-stage img.is-sliding{opacity:.45;transform:scale(.985)} html body .moon-catalogo-page .moon-zoom-stage h3{ margin:22px 0 4px !important; color:#fff !important; font-family:"Playfair Display",Georgia,serif !important; font-size:clamp(24px,2.4vw,36px) !important; font-weight:600 !important; line-height:1.04 !important; text-align:center !important; text-shadow:0 10px 26px rgba(0,0,0,.38) !important; } html body .moon-catalogo-page .moon-modal-ref, html body .moon-catalogo-page .moon-modal-counter{ min-height:16px !important; color:rgba(255,255,255,.62) !important; font-family:"Inter",sans-serif !important; font-size:12px !important; font-weight:800 !important; letter-spacing:.18em !important; text-transform:uppercase !important; text-align:center !important; } html body .moon-catalogo-page .moon-modal-counter{margin-top:8px;color:rgba(255,255,255,.50) !important;} html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{ position:fixed !important; z-index:2147483656 !important; width:52px !important; height:52px !important; border-radius:999px !important; background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.08)),rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.30) !important; color:#fff !important; backdrop-filter:blur(18px) saturate(155%) !important; -webkit-backdrop-filter:blur(18px) saturate(155%) !important; box-shadow:0 16px 38px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.18) !important; display:flex !important; align-items:center !important; justify-content:center !important; transition:color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease !important; cursor:pointer !important; } html body .moon-catalogo-page .moon-modal-close:hover, html body .moon-catalogo-page .moon-modal-heart:hover, html body .moon-catalogo-page .moon-modal-heart.is-selected, html body .moon-catalogo-page .moon-modal-nav:hover{ color:var(--moon-accent) !important; border-color:rgba(70,200,244,.72) !important; box-shadow:0 16px 38px rgba(0,0,0,.32),0 0 24px rgba(70,200,244,.24),inset 0 1px 0 rgba(255,255,255,.18) !important; } html body .moon-catalogo-page .moon-modal-heart.is-selected svg{fill:currentColor !important;stroke:currentColor !important;} html body .moon-catalogo-page .moon-modal-close{top:24px !important;right:24px !important;} html body .moon-catalogo-page .moon-modal-heart{top:24px !important;left:24px !important;} html body .moon-catalogo-page .moon-modal-nav{top:50% !important;transform:translateY(-50%) !important;} html body .moon-catalogo-page .moon-modal-prev{left:30px !important;} html body .moon-catalogo-page .moon-modal-next{right:30px !important;} html body .moon-catalogo-page .moon-modal-prev svg{transform:rotate(180deg) !important;} html body .moon-catalogo-page .moon-zoom-modal.is-zoomed{overflow:auto !important;-webkit-overflow-scrolling:touch !important;} html body .moon-catalogo-page .moon-zoom-modal.is-zoomed .moon-zoom-stage img{ transform:scale(1.65) !important; cursor:zoom-out !important; } html body .moon-catalogo-page .moon-selection-zoom{ background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04)) !important; border:1px solid rgba(255,255,255,.14) !important; } html body .moon-catalogo-page .moon-selection-item strong, html body .moon-catalogo-page .moon-selection-item span{ font-family:"Inter",sans-serif !important; } @keyframes moonZoomFade{from{opacity:0}to{opacity:1}} @media(max-width:820px){ html body .moon-catalogo-page .moon-zoom-modal{ overflow:auto !important; -webkit-overflow-scrolling:touch !important; touch-action:auto !important; } html body .moon-catalogo-page .moon-modal-nav{display:none !important;} html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart{ top:auto !important; bottom:24px !important; width:48px !important; height:48px !important; } html body .moon-catalogo-page .moon-modal-close{right:24px !important;} html body .moon-catalogo-page .moon-modal-heart{left:24px !important;} html body .moon-catalogo-page .moon-zoom-stage{ min-height:100vh !important; width:100% !important; padding:74px 18px 104px !important; } html body .moon-catalogo-page .moon-zoom-stage img{ max-width:none !important; width:min(92vw,900px) !important; max-height:68vh !important; height:auto !important; touch-action:pinch-zoom !important; cursor:zoom-in !important; } html body .moon-catalogo-page .moon-zoom-modal.is-zoomed .moon-zoom-stage img{ width:auto !important; max-width:none !important; transform:scale(1.85) !important; transform-origin:center center !important; cursor:zoom-out !important; } } /* Moon Catálogos v1.8.0 - ajustes header, zoom móvil y botones táctiles */ html body .moon-catalogo-page .moon-navbar{ background:linear-gradient(180deg,rgba(4,5,7,.97),rgba(4,5,7,.90)) !important; border-bottom:1px solid rgba(70,200,244,.18) !important; box-shadow:0 18px 48px rgba(0,0,0,.32) !important; } html body .moon-catalogo-page .moon-nav-inner{ background:linear-gradient(135deg,rgba(8,11,15,.92),rgba(18,22,28,.76)) !important; border:1px solid rgba(255,255,255,.16) !important; box-shadow:0 18px 54px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12) !important; } html body .moon-catalogo-page .moon-desktop-nav a, html body .moon-catalogo-page .moon-desktop-nav button{ color:rgba(255,255,255,.92) !important; text-shadow:0 8px 22px rgba(0,0,0,.38) !important; } html body .moon-catalogo-page .moon-desktop-nav a:hover, html body .moon-catalogo-page .moon-desktop-nav button:hover{ color:#46C8F4 !important; } html body .moon-catalogo-page .moon-nav-actions button, html body .moon-catalogo-page .moon-mobile-open{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.20) !important; color:#fff !important; } html body .moon-catalogo-page .moon-nav-actions button:hover, html body .moon-catalogo-page .moon-mobile-open:hover{ color:#46C8F4 !important; border-color:rgba(70,200,244,.56) !important; } html body .moon-catalogo-page .moon-nav-dropdown-menu{ background:rgba(5,7,10,.96) !important; border-color:rgba(70,200,244,.22) !important; } html body .moon-catalogo-page .moon-product-card, html body .moon-catalogo-page .moon-product-info, html body .moon-catalogo-page .moon-product-info h3, html body .moon-catalogo-page .moon-meta, html body .moon-catalogo-page .moon-desc, html body .moon-catalogo-page .moon-material-chips{ text-align:center !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom, html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav, html body .moon-catalogo-page [data-open-selection], html body .moon-catalogo-page [data-mobile-open], html body .moon-catalogo-page [data-mobile-close]{ pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; cursor:pointer !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-modal-heart{ z-index:2147480 !important; } html body .moon-catalogo-page .moon-zoom-modal{ z-index:999990 !important; } html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{ z-index:999999 !important; } html body .moon-catalogo-page .moon-overlay{ z-index:999980 !important; } html body .moon-catalogo-page .moon-selection-drawer{ z-index:999995 !important; } html body .moon-catalogo-page .moon-zoom-stage{ pointer-events:none !important; } html body .moon-catalogo-page .moon-zoom-stage img, html body .moon-catalogo-page .moon-zoom-stage h3, html body .moon-catalogo-page .moon-modal-ref, html body .moon-catalogo-page .moon-modal-counter{ pointer-events:auto !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-navbar{ background:#050608 !important; padding:10px 10px !important; } html body .moon-catalogo-page .moon-nav-inner{ background:rgba(9,12,16,.94) !important; border-radius:999px !important; } html body .moon-catalogo-page .moon-zoom-modal{ display:none !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; touch-action:pan-y pinch-zoom !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open{ display:flex !important; } html body .moon-catalogo-page .moon-modal-nav{ display:flex !important; width:44px !important; height:44px !important; top:50% !important; bottom:auto !important; transform:translateY(-50%) !important; opacity:.92 !important; } html body .moon-catalogo-page .moon-modal-prev{left:10px !important;} html body .moon-catalogo-page .moon-modal-next{right:10px !important;} html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart{ top:18px !important; bottom:auto !important; width:48px !important; height:48px !important; } html body .moon-catalogo-page .moon-modal-close{right:18px !important;} html body .moon-catalogo-page .moon-modal-heart{left:18px !important;} html body .moon-catalogo-page .moon-zoom-stage{ min-height:100vh !important; padding:82px 16px 86px !important; } html body .moon-catalogo-page .moon-zoom-stage img{ width:auto !important; max-width:90vw !important; max-height:62vh !important; touch-action:pinch-zoom !important; } } /* Moon Catálogos v1.9.0 — refuerzo de carga, header y toque móvil */ html body .moon-catalogo-page .moon-navbar{ background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(3,5,8,.88)) !important; border-bottom:1px solid rgba(70,200,244,.18) !important; box-shadow:0 14px 36px rgba(0,0,0,.36) !important; } html body .moon-catalogo-page .moon-nav-inner{ background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.045)) !important; border-color:rgba(255,255,255,.18) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 44px rgba(0,0,0,.34) !important; } html body .moon-catalogo-page .moon-desktop-nav a, html body .moon-catalogo-page .moon-desktop-nav button, html body .moon-catalogo-page .moon-mobile-nav-list a{ color:#fff !important; text-shadow:0 3px 12px rgba(0,0,0,.75) !important; } html body .moon-catalogo-page .moon-desktop-nav a:hover, html body .moon-catalogo-page .moon-desktop-nav button:hover{ color:#46C8F4 !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom, html body .moon-catalogo-page .moon-selection-zoom, html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{ -ms-touch-action:manipulation !important; touch-action:manipulation !important; -webkit-user-select:none !important; user-select:none !important; } html body .moon-catalogo-page .moon-modal-heart.is-selected, html body .moon-catalogo-page .moon-modal-heart[aria-pressed="true"]{ background:rgba(70,200,244,.95) !important; color:#031018 !important; border-color:rgba(223,248,255,.92) !important; } html body .moon-catalogo-page .moon-modal-heart.is-selected svg, html body .moon-catalogo-page .moon-modal-heart[aria-pressed="true"] svg{ fill:currentColor !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-navbar{ background:#020304 !important; } html body .moon-catalogo-page .moon-nav-inner{ background:rgba(6,8,12,.96) !important; border-color:rgba(70,200,244,.24) !important; } html body .moon-catalogo-page .moon-nav-actions button, html body .moon-catalogo-page .moon-mobile-open{ background:rgba(255,255,255,.12) !important; color:#fff !important; border-color:rgba(255,255,255,.24) !important; } html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-nav{ background:rgba(8,10,14,.68) !important; color:#fff !important; border:1px solid rgba(255,255,255,.24) !important; backdrop-filter:blur(18px) saturate(160%) !important; -webkit-backdrop-filter:blur(18px) saturate(160%) !important; } } /* Moon Catálogos v2.0.0 — header legible, zoom móvil doble toque y glassmorphism móvil */ html body .moon-catalogo-page .moon-hero-content, html body .moon-catalogo-page .moon-hero-content *{ color:#fff !important; } html body .moon-catalogo-page .moon-hero-content h1{ color:#ffffff !important; text-shadow:0 8px 32px rgba(0,0,0,.82),0 0 24px rgba(70,200,244,.20) !important; letter-spacing:-.035em !important; } html body .moon-catalogo-page .moon-hero-content h6{ color:#46C8F4 !important; text-shadow:0 4px 18px rgba(0,0,0,.82) !important; } html body .moon-catalogo-page .moon-hero-content p{ color:rgba(255,255,255,.92) !important; text-shadow:0 4px 18px rgba(0,0,0,.82) !important; } html body .moon-catalogo-page .moon-nav-inner{ background:rgba(5,7,10,.72) !important; backdrop-filter:blur(24px) saturate(165%) !important; -webkit-backdrop-filter:blur(24px) saturate(165%) !important; } html body .moon-catalogo-page .moon-desktop-nav a, html body .moon-catalogo-page .moon-desktop-nav button, html body .moon-catalogo-page .moon-mobile-nav-list a, html body .moon-catalogo-page .moon-nav-actions button, html body .moon-catalogo-page .moon-mobile-open{ color:#ffffff !important; opacity:1 !important; } html body .moon-catalogo-page .moon-product-image-wrap, html body .moon-catalogo-page .moon-product-card, html body .moon-catalogo-page .moon-filter-bar, html body .moon-catalogo-page .moon-selection-drawer, html body .moon-catalogo-page .moon-zoom-modal{ -webkit-backdrop-filter:blur(24px) saturate(165%) !important; backdrop-filter:blur(24px) saturate(165%) !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-nav{ min-width:46px !important; min-height:46px !important; position:absolute; pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; z-index:2147483000 !important; } html body .moon-catalogo-page .moon-heart svg, html body .moon-catalogo-page .moon-product-zoom svg, html body .moon-catalogo-page .moon-modal-heart svg, html body .moon-catalogo-page .moon-modal-close svg, html body .moon-catalogo-page .moon-modal-nav svg{ width:21px !important; height:21px !important; pointer-events:none !important; } html body .moon-catalogo-page .moon-product-image-wrap{ touch-action:manipulation !important; } html body .moon-catalogo-page .moon-zoom-stage img{ touch-action:manipulation pinch-zoom !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-hero{ min-height:430px !important; background:#020304 !important; } html body .moon-catalogo-page .moon-hero-bg:after{ background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.82)),radial-gradient(circle at 50% 28%,rgba(70,200,244,.18),transparent 42%) !important; } html body .moon-catalogo-page .moon-hero-content{ width:min(92vw,680px) !important; padding:94px 18px 56px !important; text-align:center !important; } html body .moon-catalogo-page .moon-hero-content h1{ color:#fff !important; font-size:clamp(38px,11vw,58px) !important; line-height:.98 !important; } html body .moon-catalogo-page .moon-product-card{ background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.48)) !important; border:1px solid rgba(255,255,255,.62) !important; box-shadow:0 18px 48px rgba(7,18,24,.16), inset 0 1px 0 rgba(255,255,255,.75) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(70,200,244,.08)) !important; border:1px solid rgba(255,255,255,.72) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 16px 38px rgba(0,0,0,.12) !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom{ background:rgba(255,255,255,.72) !important; border:1px solid rgba(255,255,255,.86) !important; box-shadow:0 14px 32px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.86) !important; -webkit-backdrop-filter:blur(18px) saturate(180%) !important; backdrop-filter:blur(18px) saturate(180%) !important; color:#071018 !important; } html body .moon-catalogo-page .moon-heart.is-active, html body .moon-catalogo-page .moon-heart[aria-pressed="true"]{ background:linear-gradient(135deg,rgba(70,200,244,.98),rgba(230,250,255,.92)) !important; color:#021018 !important; } html body .moon-catalogo-page .moon-zoom-modal{ background:rgba(5,7,10,.62) !important; border:1px solid rgba(255,255,255,.22) !important; box-shadow:0 32px 110px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.12) !important; -webkit-backdrop-filter:blur(32px) saturate(175%) !important; backdrop-filter:blur(32px) saturate(175%) !important; } html body .moon-catalogo-page .moon-zoom-stage img{ background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow:0 22px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.16) !important; } html body .moon-catalogo-page .moon-zoom-modal.is-zoomed .moon-zoom-stage img{ max-width:none !important; max-height:none !important; width:auto !important; height:auto !important; transform:scale(1.7) !important; } } /* Moon Catálogos v2.1.0 — corrección táctil, materiales y glassmorphism móvil */ html body .moon-catalogo-page .moon-material-chip[data-material-key*="oro-18k"], html body .moon-catalogo-page .moon-material-chip[data-material-key="oro"], html body .moon-catalogo-page .moon-material-chip[data-material-key*="oro-amarillo"]{ color:#5f4200 !important; border-color:rgba(212,167,44,.58) !important; background:linear-gradient(135deg,rgba(255,232,141,.88),rgba(196,139,20,.28)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 20px rgba(182,128,13,.16) !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="plata"]{ color:#334155 !important; border-color:rgba(203,213,225,.78) !important; background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(148,163,184,.24)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 20px rgba(71,85,105,.12) !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="oro-rosa"]{ color:#6b2535 !important; border-color:rgba(244,166,177,.70) !important; background:linear-gradient(135deg,rgba(255,214,220,.92),rgba(206,112,128,.30)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 8px 20px rgba(181,82,101,.14) !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="oro-blanco"]{ color:#1f4b5a !important; border-color:rgba(207,244,255,.72) !important; background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(195,240,252,.34)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 20px rgba(70,200,244,.13) !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="bicolor"]{ color:#4b3410 !important; border-color:rgba(217,180,94,.68) !important; background:linear-gradient(120deg,rgba(255,232,141,.90) 0%,rgba(255,232,141,.72) 45%,rgba(255,255,255,.94) 46%,rgba(213,226,236,.55) 100%) !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="acero"]{ color:#23313f !important; border-color:rgba(148,163,184,.64) !important; background:linear-gradient(135deg,rgba(226,232,240,.92),rgba(100,116,139,.24)) !important; } html body .moon-catalogo-page .moon-product-card{ -webkit-backdrop-filter:blur(22px) saturate(155%) !important; backdrop-filter:blur(22px) saturate(155%) !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom{ pointer-events:auto !important; touch-action:manipulation !important; cursor:pointer !important; -webkit-tap-highlight-color:transparent !important; } html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{ position:fixed !important; pointer-events:auto !important; touch-action:manipulation !important; cursor:pointer !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-product-card{ background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.13)) !important; border:1px solid rgba(255,255,255,.34) !important; box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.28) !important; -webkit-backdrop-filter:blur(22px) saturate(170%) !important; backdrop-filter:blur(22px) saturate(170%) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(70,200,244,.09)) !important; border:1px solid rgba(255,255,255,.38) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 16px 42px rgba(0,0,0,.20) !important; -webkit-backdrop-filter:blur(20px) saturate(180%) !important; backdrop-filter:blur(20px) saturate(180%) !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom{ width:48px !important; height:48px !important; min-width:48px !important; min-height:48px !important; background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.18)),rgba(255,255,255,.16) !important; color:#071018 !important; border:1px solid rgba(255,255,255,.54) !important; -webkit-backdrop-filter:blur(22px) saturate(190%) !important; backdrop-filter:blur(22px) saturate(190%) !important; } html body .moon-catalogo-page .moon-zoom-modal{ background:radial-gradient(circle at 50% 24%,rgba(70,200,244,.16),transparent 42%),rgba(3,5,8,.54) !important; -webkit-backdrop-filter:blur(34px) saturate(190%) !important; backdrop-filter:blur(34px) saturate(190%) !important; } html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart{ position:fixed !important; top:auto !important; bottom:24px !important; z-index:2147483656 !important; } html body .moon-catalogo-page .moon-modal-close{right:24px !important;} html body .moon-catalogo-page .moon-modal-heart{left:24px !important;} html body .moon-catalogo-page .moon-modal-nav{ display:flex !important; width:46px !important; height:46px !important; top:50% !important; z-index:2147483656 !important; } } /* Moon Catálogos v2.2.0 — corrección móvil táctil definitiva */ html body .moon-catalogo-page .moon-product-image-wrap, html body .moon-catalogo-page .moon-product-image, html body .moon-catalogo-page .moon-product-zoom, html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-material-chip, html body .moon-catalogo-page .moon-selection-zoom, html body .moon-catalogo-page [data-zoom-image], html body .moon-catalogo-page [data-zoom-heart], html body .moon-catalogo-page [data-zoom-prev], html body .moon-catalogo-page [data-zoom-next], html body .moon-catalogo-page [data-close-zoom]{ pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; } html body .moon-catalogo-page .moon-heart svg, html body .moon-catalogo-page .moon-product-zoom svg, html body .moon-catalogo-page .moon-modal-heart svg, html body .moon-catalogo-page .moon-modal-close svg, html body .moon-catalogo-page .moon-modal-nav svg{pointer-events:none !important;} html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom{ z-index:60 !important; min-width:46px !important; min-height:46px !important; } html body .moon-catalogo-page .moon-overlay{z-index:9998 !important;} html body .moon-catalogo-page .moon-selection-drawer{z-index:10020 !important;} html body .moon-catalogo-page .moon-zoom-modal{ z-index:10040 !important; pointer-events:auto !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open{display:block !important;} html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{ z-index:10060 !important; pointer-events:auto !important; min-width:48px !important; min-height:48px !important; } html body.moon-no-scroll{overflow:hidden !important;} @media(max-width:820px){ html body .moon-catalogo-page .moon-product-card{ background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.18) !important; backdrop-filter:blur(20px) saturate(150%) !important; -webkit-backdrop-filter:blur(20px) saturate(150%) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(70,200,244,.09)) !important; border:1px solid rgba(255,255,255,.30) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 18px 42px rgba(0,0,0,.30) !important; cursor:zoom-in !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom{ width:48px !important; height:48px !important; background:rgba(255,255,255,.72) !important; backdrop-filter:blur(18px) saturate(170%) !important; -webkit-backdrop-filter:blur(18px) saturate(170%) !important; } html body .moon-catalogo-page .moon-heart.is-active, html body .moon-catalogo-page .moon-heart[aria-pressed="true"]{ background:linear-gradient(135deg,rgba(70,200,244,.98),rgba(223,248,255,.95)) !important; } html body .moon-catalogo-page .moon-zoom-modal{ position:fixed !important; inset:2.5vh 3vw auto 3vw !important; width:94vw !important; max-height:92vh !important; transform:none !important; background:rgba(4,7,10,.86) !important; border:1px solid rgba(255,255,255,.20) !important; border-radius:28px !important; backdrop-filter:blur(30px) saturate(170%) !important; -webkit-backdrop-filter:blur(30px) saturate(170%) !important; } html body .moon-catalogo-page .moon-modal-nav{display:flex !important;} html body .moon-catalogo-page .moon-zoom-stage{height:86vh !important; padding:74px 14px 28px !important;} html body .moon-catalogo-page .moon-zoom-stage img{max-height:64vh !important; touch-action:pan-x pan-y !important;} html body .moon-catalogo-page .moon-zoom-modal.is-zoomed .moon-zoom-stage img{ max-width:none !important; width:auto !important; height:auto !important; max-height:none !important; transform:scale(1.65) !important; transform-origin:center center !important; } } /* Moon Catálogos v2.3.0 - corrección móvil: sidebar cerrado, menos sombra y toques activos */ html body .moon-catalogo-page .moon-selection-drawer:not(.is-open){ transform:translate3d(110%,0,0) !important; visibility:hidden !important; pointer-events:none !important; } html body .moon-catalogo-page .moon-selection-drawer.is-open{ transform:translate3d(0,0,0) !important; visibility:visible !important; pointer-events:auto !important; } html body .moon-catalogo-page .moon-overlay:not(.is-open){ display:none !important; pointer-events:none !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom, html body .moon-catalogo-page .moon-material-chip, html body .moon-catalogo-page .moon-selection-zoom, html body .moon-catalogo-page [data-open-selection], html body .moon-catalogo-page [data-close-selection], html body .moon-catalogo-page [data-close-zoom], html body .moon-catalogo-page [data-zoom-heart], html body .moon-catalogo-page [data-zoom-prev], html body .moon-catalogo-page [data-zoom-next]{ touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; cursor:pointer !important; } html body .moon-catalogo-page .moon-product-image-wrap, html body .moon-catalogo-page .moon-product-image, html body .moon-catalogo-page [data-zoom-image]{ touch-action:pan-y pinch-zoom !important; -webkit-user-select:none !important; user-select:none !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom{ pointer-events:auto !important; } html body .moon-catalogo-page .moon-product-image-wrap:before{ pointer-events:none !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-product-card{ box-shadow:0 8px 20px rgba(0,0,0,.08) !important; background:rgba(255,255,255,.82) !important; border-color:rgba(255,255,255,.48) !important; } html body .moon-catalogo-page .moon-product-card:hover{ transform:none !important; box-shadow:0 8px 20px rgba(0,0,0,.08) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ box-shadow:none !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom{ width:48px !important; height:48px !important; min-width:48px !important; min-height:48px !important; box-shadow:0 6px 16px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.62) !important; } html body .moon-catalogo-page .moon-zoom-modal{ background:rgba(8,10,14,.88) !important; backdrop-filter:blur(18px) saturate(135%) !important; -webkit-backdrop-filter:blur(18px) saturate(135%) !important; } } /* Moon Catálogos v2.4.0 - aislamiento real de capas móviles y menú invisible */ html body .moon-catalogo-page{ position:relative !important; isolation:isolate !important; } html body .moon-catalogo-page .moon-main-catalog, html body .moon-catalogo-page .moon-product-section, html body .moon-catalogo-page .moon-product-shell, html body .moon-catalogo-page .moon-products-grid, html body .moon-catalogo-page .moon-product-card, html body .moon-catalogo-page .moon-product-image-wrap{ position:relative !important; } html body .moon-catalogo-page .moon-main-catalog{z-index:1 !important;} html body .moon-catalogo-page .moon-navbar{z-index:2000 !important;} html body .moon-catalogo-page .moon-mobile-menu:not(.is-open), html body .moon-catalogo-page .moon-selection-drawer:not(.is-open), html body .moon-catalogo-page .moon-zoom-modal:not(.is-open), html body .moon-catalogo-page .moon-overlay:not(.is-open), html body .moon-catalogo-page .moon-nav-dropdown-menu:not(:hover){ pointer-events:none !important; } html body .moon-catalogo-page .moon-mobile-menu:not(.is-open){ visibility:hidden !important; opacity:0 !important; transform:translate3d(-112%,0,0) !important; width:100vw !important; } html body .moon-catalogo-page .moon-mobile-menu.is-open{ visibility:visible !important; opacity:1 !important; pointer-events:auto !important; transform:translate3d(0,0,0) !important; z-index:5000 !important; } html body .moon-catalogo-page .moon-selection-drawer:not(.is-open){ visibility:hidden !important; opacity:0 !important; pointer-events:none !important; transform:translate3d(112%,0,0) !important; } html body .moon-catalogo-page .moon-selection-drawer.is-open{ visibility:visible !important; opacity:1 !important; pointer-events:auto !important; z-index:5200 !important; } html body .moon-catalogo-page .moon-overlay:not(.is-open){ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } html body .moon-catalogo-page .moon-overlay.is-open{ display:block !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; z-index:5100 !important; } html body .moon-catalogo-page .moon-zoom-modal:not(.is-open){ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open{ display:block !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; z-index:5300 !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom, html body .moon-catalogo-page .moon-product-image, html body .moon-catalogo-page .moon-product-image-wrap, html body .moon-catalogo-page .moon-material-chip{ pointer-events:auto !important; touch-action:manipulation !important; } html body .moon-catalogo-page .moon-product-image-wrap:before, html body .moon-catalogo-page .moon-product-image-wrap:after, html body .moon-catalogo-page .moon-product-card:before, html body .moon-catalogo-page .moon-product-card:after{ pointer-events:none !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom{ z-index:80 !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-navbar{ z-index:2000 !important; } html body .moon-catalogo-page .moon-mobile-menu:not(.is-open){ height:0 !important; overflow:hidden !important; } html body .moon-catalogo-page .moon-mobile-menu.is-open{ height:100vh !important; overflow:auto !important; } html body .moon-catalogo-page .moon-product-card{ box-shadow:0 6px 18px rgba(0,0,0,.08) !important; } } /* Moon Catálogos v2.5.0 - aislamiento por categoría: anillos, argollas y demás catálogos no se mezclan */ /* Moon Catálogos v2.6.0 — catálogo aislado sin menú/footer y capas móviles corregidas */ html body .moon-catalogo-page .moon-nav, html body .moon-catalogo-page .moon-mobile-menu, html body .moon-catalogo-page .moon-footer{ display:none !important; visibility:hidden !important; pointer-events:none !important; } html body .moon-catalogo-page .moon-overlay:not(.is-open), html body .moon-catalogo-page .moon-selection-drawer:not(.is-open), html body .moon-catalogo-page .moon-zoom-modal:not(.is-open){ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } html body .moon-catalogo-page .moon-overlay:not(.is-open){display:none !important;} html body .moon-catalogo-page .moon-selection-drawer:not(.is-open){transform:translateX(110%) !important;} html body .moon-catalogo-page .moon-selection-drawer.is-open, html body .moon-catalogo-page .moon-zoom-modal.is-open, html body .moon-catalogo-page .moon-overlay.is-open{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; } html body .moon-catalogo-page .moon-product-card, html body .moon-catalogo-page .moon-product-card *{ -webkit-tap-highlight-color: transparent; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom, html body .moon-catalogo-page .moon-material-chip, html body .moon-catalogo-page [data-zoom-heart], html body .moon-catalogo-page [data-zoom-prev], html body .moon-catalogo-page [data-zoom-next], html body .moon-catalogo-page [data-close-zoom], html body .moon-catalogo-page [data-close-selection], html body .moon-catalogo-page .moon-selection-zoom{ pointer-events:auto !important; touch-action: manipulation !important; cursor:pointer; position:relative; z-index:20; } html body .moon-catalogo-page .moon-product-image-wrap{ pointer-events:auto !important; touch-action: manipulation !important; } html body .moon-catalogo-page .moon-zoom-stage img[data-zoom-image]{ touch-action: pan-x pan-y !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-product-card{ box-shadow:0 10px 24px rgba(0,0,0,.22) !important; background:rgba(255,255,255,.055) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ box-shadow:none !important; background:rgba(255,255,255,.07) !important; border:1px solid rgba(255,255,255,.13) !important; } html body .moon-catalogo-page .moon-heart, html body .moon-catalogo-page .moon-product-zoom, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-nav{ min-width:44px !important; min-height:44px !important; } } /* Moon Catálogos v2.7.0 - restauración premium de corazón y zoom full screen */ html body .moon-catalogo-page .moon-product-image-wrap{cursor:zoom-in !important; touch-action:manipulation !important;} html body .moon-catalogo-page .moon-product-image{pointer-events:auto !important;} html body .moon-catalogo-page .moon-heart{ position:absolute !important; top:12px !important; right:12px !important; z-index:30 !important; width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; border-radius:999px !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(255,255,255,.75) !important; background:rgba(255,255,255,.66) !important; color:#111 !important; box-shadow:0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.86) !important; backdrop-filter:blur(18px) saturate(155%) !important; -webkit-backdrop-filter:blur(18px) saturate(155%) !important; pointer-events:auto !important; touch-action:manipulation !important; cursor:pointer !important; } html body .moon-catalogo-page .moon-heart svg{width:20px !important;height:20px !important;fill:transparent !important;stroke:currentColor !important;stroke-width:1.9 !important;} html body .moon-catalogo-page .moon-heart.is-active, html body .moon-catalogo-page .moon-heart[aria-pressed="true"]{ background:linear-gradient(135deg,rgba(70,200,244,.98),rgba(223,248,255,.92)) !important; color:#031018 !important; border-color:rgba(255,255,255,.96) !important; box-shadow:0 14px 34px rgba(70,200,244,.38), inset 0 1px 0 rgba(255,255,255,.9) !important; } html body .moon-catalogo-page .moon-heart.is-active svg, html body .moon-catalogo-page .moon-heart[aria-pressed="true"] svg{fill:currentColor !important;stroke:currentColor !important;} html body .moon-catalogo-page .moon-product-zoom{display:none !important;} html body .moon-catalogo-page .moon-overlay{position:fixed !important;inset:0 !important;background:rgba(0,0,0,.48) !important;backdrop-filter:blur(18px) !important;-webkit-backdrop-filter:blur(18px) !important;z-index:99998 !important;display:none;opacity:0;transition:opacity .18s ease;} html body .moon-catalogo-page .moon-overlay.is-open{display:block !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;} html body .moon-catalogo-page .moon-zoom-modal{ position:fixed !important; inset:0 !important; left:0 !important; top:0 !important; transform:none !important; width:100vw !important; height:100vh !important; max-width:none !important; max-height:none !important; border-radius:0 !important; z-index:100000 !important; display:none; background:radial-gradient(circle at 50% 20%,rgba(70,200,244,.12),transparent 34%),rgba(5,8,12,.72) !important; color:#fff !important; border:0 !important; overflow:hidden !important; backdrop-filter:blur(28px) saturate(145%) !important; -webkit-backdrop-filter:blur(28px) saturate(145%) !important; pointer-events:none !important; visibility:hidden; } html body .moon-catalogo-page .moon-zoom-modal.is-open{display:flex !important;visibility:visible !important;pointer-events:auto !important;align-items:center !important;justify-content:center !important;animation:moonZoomIn .18s ease both !important;} html body .moon-catalogo-page .moon-zoom-stage{ position:relative !important; width:min(1180px,92vw) !important; height:min(820px,86vh) !important; padding:84px 74px 76px !important; margin:0 auto !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055)) !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:34px !important; box-shadow:0 34px 110px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.18) !important; backdrop-filter:blur(24px) saturate(150%) !important; -webkit-backdrop-filter:blur(24px) saturate(150%) !important; } html body .moon-catalogo-page .moon-zoom-stage img{ max-width:100% !important; max-height:calc(100% - 118px) !important; width:auto !important; height:auto !important; object-fit:contain !important; border-radius:24px !important; background:rgba(255,255,255,.06) !important; box-shadow:0 24px 80px rgba(0,0,0,.42) !important; cursor:zoom-in !important; touch-action:manipulation !important; } html body .moon-catalogo-page .moon-zoom-stage h3{font-family:"Playfair Display",serif !important;color:#fff !important;text-align:center !important;font-size:clamp(24px,3vw,44px) !important;margin:22px 0 6px !important;text-shadow:0 10px 26px rgba(0,0,0,.42) !important;} html body .moon-catalogo-page .moon-modal-ref, html body .moon-catalogo-page .moon-modal-counter{font-family:Inter,sans-serif !important;text-align:center !important;color:rgba(255,255,255,.72) !important;letter-spacing:.12em !important;text-transform:uppercase !important;font-size:12px !important;} html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{ position:fixed !important; z-index:100002 !important; width:52px !important; height:52px !important; border-radius:999px !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(255,255,255,.26) !important; background:rgba(255,255,255,.11) !important; color:#fff !important; box-shadow:0 18px 44px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18) !important; backdrop-filter:blur(18px) saturate(145%) !important; -webkit-backdrop-filter:blur(18px) saturate(145%) !important; pointer-events:auto !important; touch-action:manipulation !important; cursor:pointer !important; } html body .moon-catalogo-page .moon-modal-close{top:22px !important;right:22px !important;} html body .moon-catalogo-page .moon-modal-heart{top:22px !important;left:22px !important;} html body .moon-catalogo-page .moon-modal-prev{left:22px !important;top:50% !important;transform:translateY(-50%) !important;} html body .moon-catalogo-page .moon-modal-next{right:22px !important;top:50% !important;transform:translateY(-50%) !important;} html body .moon-catalogo-page .moon-modal-prev svg{transform:rotate(180deg) !important;} html body .moon-catalogo-page .moon-modal-heart.is-selected, html body .moon-catalogo-page .moon-modal-heart[aria-pressed="true"]{background:linear-gradient(135deg,rgba(70,200,244,.96),rgba(223,248,255,.9)) !important;color:#041018 !important;border-color:rgba(255,255,255,.95) !important;} html body .moon-catalogo-page .moon-modal-heart.is-selected svg, html body .moon-catalogo-page .moon-modal-heart[aria-pressed="true"] svg{fill:currentColor !important;stroke:currentColor !important;} html body.moon-no-scroll{overflow:hidden !important;} html body .moon-catalogo-page .moon-selection-drawer:not(.is-open), html body .moon-catalogo-page .moon-zoom-modal:not(.is-open), html body .moon-catalogo-page .moon-overlay:not(.is-open){pointer-events:none !important;visibility:hidden !important;} @media(max-width:820px){ html body .moon-catalogo-page .moon-product-card{box-shadow:0 10px 26px rgba(0,0,0,.08) !important;} html body .moon-catalogo-page .moon-heart{width:42px !important;height:42px !important;top:10px !important;right:10px !important;} html body .moon-catalogo-page .moon-zoom-stage{width:calc(100vw - 22px) !important;height:calc(100vh - 110px) !important;padding:72px 14px 58px !important;border-radius:26px !important;} html body .moon-catalogo-page .moon-zoom-stage img{max-height:calc(100% - 116px) !important;border-radius:20px !important;} html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{width:48px !important;height:48px !important;} html body .moon-catalogo-page .moon-modal-close{top:16px !important;right:16px !important;} html body .moon-catalogo-page .moon-modal-heart{top:16px !important;left:16px !important;} html body .moon-catalogo-page .moon-modal-prev{left:10px !important;} html body .moon-catalogo-page .moon-modal-next{right:10px !important;} } /* Moon Catálogos v2.8.0 — reparación real JS + glassmorphism tarjetas/zoom */ html body .moon-catalogo-page .moon-product-card{ background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.36)) !important; border:1px solid rgba(255,255,255,.58) !important; box-shadow:0 24px 60px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.78) !important; -webkit-backdrop-filter:blur(22px) saturate(165%) !important; backdrop-filter:blur(22px) saturate(165%) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ cursor:zoom-in !important; background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(70,200,244,.10)) !important; border:1px solid rgba(255,255,255,.72) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 18px 45px rgba(0,0,0,.14) !important; -webkit-backdrop-filter:blur(22px) saturate(175%) !important; backdrop-filter:blur(22px) saturate(175%) !important; } html body .moon-catalogo-page .moon-product-image{ pointer-events:auto !important; touch-action:manipulation !important; cursor:zoom-in !important; } html body .moon-catalogo-page .moon-heart{ position:absolute !important; top:14px !important; right:14px !important; z-index:15 !important; width:46px !important; height:46px !important; border-radius:999px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#071018 !important; background:rgba(255,255,255,.72) !important; border:1px solid rgba(255,255,255,.86) !important; box-shadow:0 14px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.86) !important; -webkit-backdrop-filter:blur(18px) saturate(180%) !important; backdrop-filter:blur(18px) saturate(180%) !important; pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; } html body .moon-catalogo-page .moon-heart.is-active, html body .moon-catalogo-page .moon-heart[aria-pressed="true"]{ color:#031018 !important; background:linear-gradient(135deg,rgba(70,200,244,.98),rgba(231,250,255,.92)) !important; border-color:rgba(223,248,255,.95) !important; } html body .moon-catalogo-page .moon-heart.is-active svg, html body .moon-catalogo-page .moon-heart[aria-pressed="true"] svg, html body .moon-catalogo-page .moon-modal-heart.is-selected svg, html body .moon-catalogo-page .moon-modal-heart[aria-pressed="true"] svg{ fill:currentColor !important; } html body .moon-catalogo-page .moon-product-zoom{ display:none !important; } html body .moon-catalogo-page .moon-material-chip{ cursor:pointer !important; touch-action:manipulation !important; } html body .moon-catalogo-page .moon-material-chip.is-active{ outline:2px solid rgba(70,200,244,.65) !important; outline-offset:2px !important; } html body .moon-catalogo-page [data-selection-drawer]:not(.is-open), html body .moon-catalogo-page [data-zoom-modal]:not(.is-open), html body .moon-catalogo-page [data-moon-overlay]:not(.is-open){ pointer-events:none !important; visibility:hidden !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open{ display:flex !important; position:fixed !important; inset:0 !important; z-index:2147483200 !important; visibility:visible !important; pointer-events:auto !important; background:rgba(3,5,8,.68) !important; -webkit-backdrop-filter:blur(34px) saturate(175%) !important; backdrop-filter:blur(34px) saturate(175%) !important; } html body .moon-catalogo-page .moon-overlay.is-open{ display:block !important; position:fixed !important; inset:0 !important; z-index:2147483100 !important; visibility:visible !important; pointer-events:auto !important; background:rgba(0,0,0,.38) !important; -webkit-backdrop-filter:blur(12px) !important; backdrop-filter:blur(12px) !important; } html body .moon-catalogo-page .moon-zoom-stage{ position:relative !important; z-index:2147483210 !important; max-width:min(92vw,1080px) !important; width:100% !important; margin:auto !important; text-align:center !important; color:#fff !important; } html body .moon-catalogo-page .moon-zoom-stage img{ max-width:min(92vw,980px) !important; max-height:72vh !important; object-fit:contain !important; border-radius:28px !important; background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.20) !important; box-shadow:0 26px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.16) !important; -webkit-backdrop-filter:blur(20px) saturate(160%) !important; backdrop-filter:blur(20px) saturate(160%) !important; cursor:zoom-in !important; touch-action:pan-y pinch-zoom !important; } html body .moon-catalogo-page .moon-zoom-modal.is-zoomed .moon-zoom-stage img{ transform:scale(1.55) !important; cursor:zoom-out !important; } html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{ z-index:2147483220 !important; pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-product-card{ background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.32)) !important; box-shadow:0 14px 34px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.70) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ background:linear-gradient(135deg,rgba(255,255,255,.54),rgba(70,200,244,.10)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 10px 24px rgba(0,0,0,.10) !important; } html body .moon-catalogo-page .moon-heart{ width:48px !important; height:48px !important; top:12px !important; right:12px !important; } html body .moon-catalogo-page .moon-zoom-stage img{ max-width:94vw !important; max-height:66vh !important; border-radius:22px !important; } html body .moon-catalogo-page .moon-modal-nav{ display:flex !important; } } /* Moon Catálogos v2.9.0 — UI/UX zoom premium + glow selección */ html body .moon-catalogo-page .moon-overlay.is-open{ z-index:9990 !important; background:rgba(2,5,9,.42) !important; -webkit-backdrop-filter:blur(16px) saturate(150%) !important; backdrop-filter:blur(16px) saturate(150%) !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open{ z-index:9991 !important; display:flex !important; align-items:center !important; justify-content:center !important; background: radial-gradient(circle at 20% 10%,rgba(70,200,244,.18),transparent 32%), radial-gradient(circle at 78% 88%,rgba(255,255,255,.10),transparent 35%), rgba(3,6,10,.70) !important; -webkit-backdrop-filter:blur(30px) saturate(175%) !important; backdrop-filter:blur(30px) saturate(175%) !important; } html body .moon-catalogo-page .moon-zoom-stage{ z-index:9992 !important; width:min(1120px,92vw) !important; height:min(830px,86vh) !important; padding:76px 72px 68px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045)) !important; border:1px solid rgba(255,255,255,.24) !important; border-radius:34px !important; box-shadow:0 38px 120px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.22) !important; -webkit-backdrop-filter:blur(26px) saturate(170%) !important; backdrop-filter:blur(26px) saturate(170%) !important; } html body .moon-catalogo-page .moon-zoom-stage:before{ content:"" !important; position:absolute !important; inset:16px !important; border-radius:28px !important; border:1px solid rgba(70,200,244,.14) !important; pointer-events:none !important; } html body .moon-catalogo-page .moon-zoom-stage img[data-zoom-image]{ display:block !important; max-width:min(92vw,940px) !important; max-height:calc(86vh - 190px) !important; width:auto !important; height:auto !important; object-fit:contain !important; background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035)) !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:26px !important; box-shadow:0 26px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.14) !important; -webkit-backdrop-filter:blur(18px) saturate(160%) !important; backdrop-filter:blur(18px) saturate(160%) !important; } html body .moon-catalogo-page .moon-zoom-stage h3{ color:#fff !important; font-family:"Playfair Display",serif !important; font-size:clamp(24px,3vw,42px) !important; line-height:1.06 !important; margin:20px 0 8px !important; text-shadow:0 16px 34px rgba(0,0,0,.50) !important; } html body .moon-catalogo-page .moon-modal-ref{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:30px !important; padding:7px 14px !important; margin:2px auto 4px !important; color:rgba(231,250,255,.94) !important; background:rgba(70,200,244,.12) !important; border:1px solid rgba(70,200,244,.28) !important; border-radius:999px !important; font-family:Inter,sans-serif !important; font-weight:800 !important; letter-spacing:.12em !important; text-transform:uppercase !important; } html body .moon-catalogo-page .moon-modal-ref:not(:empty)::before{content:"REF. " !important;opacity:.72;margin-right:4px;} html body .moon-catalogo-page .moon-modal-counter{color:rgba(255,255,255,.70) !important;font-family:Inter,sans-serif !important;font-weight:700 !important;letter-spacing:.10em !important;} html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{ z-index:9994 !important; background:rgba(255,255,255,.115) !important; border:1px solid rgba(255,255,255,.28) !important; box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.20) !important; -webkit-backdrop-filter:blur(18px) saturate(175%) !important; backdrop-filter:blur(18px) saturate(175%) !important; } html body .moon-catalogo-page .moon-product-card{ transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease, background .26s ease !important; } html body .moon-catalogo-page .moon-product-card.is-selected, html body .moon-catalogo-page .moon-product-card.moon-glow-pulse{ border-color:rgba(70,200,244,.72) !important; box-shadow:0 28px 80px rgba(70,200,244,.22),0 18px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.86) !important; } html body .moon-catalogo-page .moon-product-card.moon-glow-pulse{animation:moonCardGlow 1.05s ease both !important;} @keyframes moonCardGlow{ 0%{transform:translateY(0) scale(1);box-shadow:0 18px 48px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.70)} 42%{transform:translateY(-4px) scale(1.012);box-shadow:0 0 0 1px rgba(70,200,244,.42),0 0 34px rgba(70,200,244,.46),0 24px 70px rgba(0,0,0,.24)} 100%{transform:translateY(0) scale(1);} } html body .moon-catalogo-page .moon-modal-heart.is-selected, html body .moon-catalogo-page .moon-modal-heart[aria-pressed="true"]{ color:#031018 !important; background:linear-gradient(135deg,rgba(70,200,244,.98),rgba(236,252,255,.94)) !important; border-color:rgba(255,255,255,.94) !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-zoom-modal.is-open{ align-items:center !important; justify-content:center !important; padding:10px !important; } html body .moon-catalogo-page .moon-zoom-stage{ width:calc(100vw - 20px) !important; height:calc(100vh - 78px) !important; padding:58px 12px 92px !important; border-radius:26px !important; background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045)) !important; box-shadow:0 28px 90px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.18) !important; } html body .moon-catalogo-page .moon-zoom-stage:before{inset:10px !important;border-radius:22px !important;} html body .moon-catalogo-page .moon-zoom-stage img[data-zoom-image]{ max-width:calc(100vw - 42px) !important; max-height:calc(100vh - 290px) !important; border-radius:20px !important; } html body .moon-catalogo-page .moon-zoom-stage h3{font-size:26px !important;margin:16px 8px 7px !important;} html body .moon-catalogo-page .moon-modal-ref{font-size:11px !important;padding:7px 12px !important;} html body .moon-catalogo-page .moon-modal-heart{ top:auto !important; left:50% !important; bottom:20px !important; transform:translateX(-50%) !important; width:58px !important; height:58px !important; } html body .moon-catalogo-page .moon-modal-close{top:18px !important;right:18px !important;} html body .moon-catalogo-page .moon-modal-prev{left:12px !important;top:50% !important;} html body .moon-catalogo-page .moon-modal-next{right:12px !important;top:50% !important;} html body .moon-catalogo-page .moon-product-card.is-selected, html body .moon-catalogo-page .moon-product-card.moon-glow-pulse{ box-shadow:0 0 0 1px rgba(70,200,244,.36),0 18px 38px rgba(70,200,244,.18),0 12px 28px rgba(0,0,0,.12) !important; } } /* Moon Catálogos v3.0.0 — zoom full screen limpio, menú oculto durante zoom y referencia bajo nombre */ body.moon-catalogos-zoom-open header, body.moon-catalogos-zoom-open #masthead, body.moon-catalogos-zoom-open .site-header, body.moon-catalogos-zoom-open .elementor-location-header, body.moon-catalogos-zoom-open .moon-menu, body.moon-catalogos-zoom-open .moon-nav, body.moon-catalogos-zoom-open .moon-menu-shell, body.moon-catalogos-zoom-open .moon-global-menu, body.moon-catalogos-zoom-open .moon-mobile-header, body.moon-catalogos-zoom-open .moon-menu-root{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:translateY(-18px) !important; transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open{ position:fixed !important; inset:0 !important; left:0 !important; top:0 !important; width:100vw !important; height:100vh !important; max-height:none !important; transform:none !important; border:0 !important; border-radius:0 !important; overflow:hidden !important; background: radial-gradient(circle at 18% 12%, rgba(70,200,244,.18), transparent 32%), radial-gradient(circle at 82% 86%, rgba(255,255,255,.10), transparent 38%), linear-gradient(135deg, rgba(2,4,8,.88), rgba(10,14,20,.74)) !important; -webkit-backdrop-filter:blur(30px) saturate(175%) !important; backdrop-filter:blur(30px) saturate(175%) !important; } html body .moon-catalogo-page .moon-zoom-stage{ width:100vw !important; height:100vh !important; max-width:none !important; max-height:none !important; padding:78px 76px 54px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } html body .moon-catalogo-page .moon-zoom-stage:before, html body .moon-catalogo-page .moon-zoom-stage:after{ content:none !important; display:none !important; } html body .moon-catalogo-page .moon-zoom-stage img[data-zoom-image]{ max-width:min(96vw,1040px) !important; max-height:calc(100vh - 230px) !important; background:transparent !important; border:0 !important; border-radius:18px !important; box-shadow:0 28px 90px rgba(0,0,0,.46) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } html body .moon-catalogo-page .moon-zoom-stage h3{ order:2 !important; margin:20px auto 6px !important; color:#fff !important; } html body .moon-catalogo-page .moon-modal-ref{ order:3 !important; margin:0 auto 6px !important; color:rgba(235,252,255,.96) !important; background:rgba(255,255,255,.075) !important; border-color:rgba(70,200,244,.34) !important; -webkit-backdrop-filter:blur(14px) saturate(160%) !important; backdrop-filter:blur(14px) saturate(160%) !important; } html body .moon-catalogo-page .moon-modal-counter{order:4 !important;} html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart, html body .moon-catalogo-page .moon-modal-nav{ background:rgba(255,255,255,.11) !important; -webkit-backdrop-filter:blur(18px) saturate(175%) !important; backdrop-filter:blur(18px) saturate(175%) !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-zoom-stage{ width:100vw !important; height:100vh !important; padding:70px 14px 94px !important; } html body .moon-catalogo-page .moon-zoom-stage img[data-zoom-image]{ max-width:calc(100vw - 26px) !important; max-height:calc(100vh - 286px) !important; border-radius:16px !important; } html body .moon-catalogo-page .moon-zoom-stage h3{ margin:16px auto 6px !important; font-size:25px !important; } html body .moon-catalogo-page .moon-modal-ref{ margin:0 auto 8px !important; } } /* Moon Catálogos v3.1.0 — referencia textual y pinch-to-zoom móvil */ html body .moon-catalogo-page .moon-modal-ref{ display:block !important; width:auto !important; min-width:0 !important; height:auto !important; border-radius:0 !important; padding:0 !important; margin:2px auto 10px !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:rgba(235,252,255,.88) !important; font-family:"Inter",sans-serif !important; font-size:13px !important; font-weight:600 !important; letter-spacing:.16em !important; text-transform:uppercase !important; text-align:center !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } html body .moon-catalogo-page .moon-modal-ref:not(:empty)::before{ content:"REF. " !important; opacity:.72 !important; margin-right:5px !important; } html body .moon-catalogo-page .moon-zoom-stage img[data-zoom-image]{ transform-origin:center center !important; transition:transform .16s ease !important; touch-action:pinch-zoom pan-x pan-y !important; cursor:default !important; will-change:transform !important; } html body .moon-catalogo-page .moon-zoom-modal.is-zoomed .moon-zoom-stage img[data-zoom-image]{ transform:none !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-zoom-stage img[data-zoom-image]{ touch-action:pinch-zoom pan-x pan-y !important; } html body .moon-catalogo-page .moon-modal-ref{ font-size:12px !important; padding:0 !important; margin:0 auto 12px !important; } } /* Moon Catálogos v3.2.0 - plantilla única base Argollas, sin menú/footer propios */ html body .moon-catalogo-page .moon-navbar, html body .moon-catalogo-page .moon-mobile-menu, html body .moon-catalogo-page .moon-footer, html body .moon-catalogo-page .moon-desktop-nav, html body .moon-catalogo-page .moon-nav-inner{ display:none !important; } html body .moon-catalogo-page{ --moon-accent:#46C8F4; width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; overflow-x:clip; background:#050608; } html body .moon-catalogo-page .moon-main-catalog{width:100%;max-width:100%;} html body .moon-catalogo-page .moon-product-card{ background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045)) !important; border:1px solid rgba(255,255,255,.16) !important; box-shadow:0 18px 46px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.14) !important; backdrop-filter:blur(22px) saturate(145%) !important; -webkit-backdrop-filter:blur(22px) saturate(145%) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055)) !important; border:1px solid rgba(255,255,255,.14) !important; backdrop-filter:blur(18px) saturate(155%) !important; -webkit-backdrop-filter:blur(18px) saturate(155%) !important; } body.moon-catalogos-zoom-open .moon-menu, body.moon-catalogos-zoom-open .moon-menu-wrap, body.moon-catalogos-zoom-open .moon-header, body.moon-catalogos-zoom-open header.site-header, body.moon-catalogos-zoom-open #masthead{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } /* Moon Catálogos v3.3.0 — banner premium más grande y movimiento elegante de imagen en escritorio */ html body .moon-catalogo-page .moon-hero{ min-height:clamp(620px,72vh,820px) !important; isolation:isolate !important; } html body .moon-catalogo-page .moon-hero-bg img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; image-rendering:auto !important; transform:scale(1.035) !important; filter:contrast(1.04) saturate(1.05) brightness(.92) !important; transition:transform 6s cubic-bezier(.16,1,.3,1), filter .8s ease !important; will-change:transform !important; } html body .moon-catalogo-page .moon-hero:hover .moon-hero-bg img{ transform:scale(1.085) translate3d(0,-1.2%,0) !important; filter:contrast(1.06) saturate(1.08) brightness(.96) !important; } html body .moon-catalogo-page .moon-hero-bg:after{ background: linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.54) 46%,rgba(0,0,0,.78) 100%), radial-gradient(circle at 50% 36%,rgba(70,200,244,.16),transparent 44%) !important; } html body .moon-catalogo-page .moon-hero-content{ padding-top:clamp(110px,13vh,170px) !important; padding-bottom:clamp(90px,12vh,150px) !important; } html body .moon-catalogo-page .moon-hero-content h1{ color:#fff !important; text-shadow:0 12px 40px rgba(0,0,0,.86),0 0 34px rgba(70,200,244,.24) !important; } html body .moon-catalogo-page .moon-product-card:hover .moon-product-image{ transform:scale(1.075) translate3d(0,-1.5%,0) !important; } html body .moon-catalogo-page .moon-product-image{ transition:transform .72s cubic-bezier(.16,1,.3,1), filter .42s ease !important; will-change:transform !important; } html body .moon-catalogo-page .moon-product-card:hover .moon-product-image-wrap:before{ opacity:.95 !important; } @media(min-width:821px){ html body .moon-catalogo-page .moon-product-card:hover{ transform:translateY(-7px) !important; } } @media(max-width:820px){ html body .moon-catalogo-page .moon-hero{ min-height:520px !important; } html body .moon-catalogo-page .moon-hero-bg img{ transform:scale(1.02) !important; filter:contrast(1.03) saturate(1.04) brightness(.9) !important; } html body .moon-catalogo-page .moon-hero:hover .moon-hero-bg img{ transform:scale(1.02) !important; } } @media(max-width:460px){ html body .moon-catalogo-page .moon-hero{ min-height:500px !important; } } @media(prefers-reduced-motion:reduce){ html body .moon-catalogo-page .moon-hero-bg img, html body .moon-catalogo-page .moon-product-image{ transition:none !important; transform:none !important; } } /* Moon Catálogos v3.4.0 — refinamiento UI/UX: glass cards, paginación legible y filtros fijos */ html body .moon-catalogo-page{ --moon-catalog-filter-top:96px; } /* Barra local fija/sticky: queda estable bajo el menú global de Moon Menu */ html body .moon-catalogo-page .moon-filter-bar{ position:sticky !important; top:var(--moon-catalog-filter-top) !important; z-index:1200 !important; background:linear-gradient(135deg,rgba(7,10,14,.78),rgba(10,14,20,.58)) !important; border-top:1px solid rgba(255,255,255,.10) !important; border-bottom:1px solid rgba(70,200,244,.18) !important; box-shadow:0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important; -webkit-backdrop-filter:blur(24px) saturate(165%) !important; backdrop-filter:blur(24px) saturate(165%) !important; transform:none !important; will-change:auto !important; } html body .moon-catalogo-page .moon-filter-inner{ background:transparent !important; } html body .moon-catalogo-page .moon-search-field input, html body .moon-catalogo-page .moon-filter-group select, html body .moon-catalogo-page .moon-page-size select{ background:rgba(255,255,255,.105) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14) !important; -webkit-backdrop-filter:blur(18px) saturate(155%) !important; backdrop-filter:blur(18px) saturate(155%) !important; } html body .moon-catalogo-page .moon-search-field input::placeholder{color:rgba(255,255,255,.58) !important;} html body .moon-catalogo-page .moon-filter-group select option, html body .moon-catalogo-page .moon-page-size select option{color:#111;background:#fff;} html body .moon-catalogo-page .moon-search-field input:focus, html body .moon-catalogo-page .moon-filter-group select:focus, html body .moon-catalogo-page .moon-page-size select:focus{ border-color:rgba(70,200,244,.64) !important; box-shadow:0 0 0 3px rgba(70,200,244,.12), inset 0 1px 0 rgba(255,255,255,.20) !important; } /* Tarjetas: menos sombra pesada, más cristal real */ html body .moon-catalogo-page .moon-product-card{ background:linear-gradient(145deg,rgba(255,255,255,.135),rgba(255,255,255,.045)) !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.16) !important; -webkit-backdrop-filter:blur(26px) saturate(165%) !important; backdrop-filter:blur(26px) saturate(165%) !important; } html body .moon-catalogo-page .moon-product-card:hover{ transform:translateY(-4px) !important; border-color:rgba(70,200,244,.42) !important; background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.06)) !important; box-shadow:0 12px 28px rgba(0,0,0,.20),0 0 0 1px rgba(70,200,244,.10), inset 0 1px 0 rgba(255,255,255,.20) !important; } html body .moon-catalogo-page .moon-product-card.is-selected, html body .moon-catalogo-page .moon-product-card.moon-glow-pulse{ border-color:rgba(70,200,244,.58) !important; box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 26px rgba(70,200,244,.18), inset 0 1px 0 rgba(255,255,255,.22) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045)) !important; border:1px solid rgba(255,255,255,.16) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.12) !important; -webkit-backdrop-filter:blur(22px) saturate(170%) !important; backdrop-filter:blur(22px) saturate(170%) !important; } html body .moon-catalogo-page .moon-product-info h3, html body .moon-catalogo-page .moon-meta, html body .moon-catalogo-page .moon-desc{ color:rgba(255,255,255,.92) !important; } html body .moon-catalogo-page .moon-meta, html body .moon-catalogo-page .moon-desc{color:rgba(255,255,255,.66) !important;} /* Paginación: números visibles cuando no están activos */ html body .moon-catalogo-page .moon-pagination button{ color:rgba(255,255,255,.88) !important; background:rgba(255,255,255,.075) !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important; -webkit-backdrop-filter:blur(16px) saturate(150%) !important; backdrop-filter:blur(16px) saturate(150%) !important; } html body .moon-catalogo-page .moon-pagination button:not(.is-active):hover{ color:#ffffff !important; border-color:rgba(70,200,244,.48) !important; background:rgba(70,200,244,.14) !important; } html body .moon-catalogo-page .moon-pagination button.is-active{ color:#031018 !important; background:linear-gradient(135deg,rgba(70,200,244,.96),rgba(223,248,255,.92)) !important; border-color:rgba(223,248,255,.88) !important; box-shadow:0 10px 24px rgba(70,200,244,.20), inset 0 1px 0 rgba(255,255,255,.76) !important; } html body .moon-catalogo-page .moon-results-count, html body .moon-catalogo-page .moon-page-size span{color:rgba(255,255,255,.72) !important;} @media(max-width:1024px){ html body .moon-catalogo-page{--moon-catalog-filter-top:82px;} } @media(max-width:820px){ html body .moon-catalogo-page{--moon-catalog-filter-top:72px;} html body .moon-catalogo-page .moon-filter-bar{ padding:12px 14px !important; box-shadow:0 8px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important; } html body .moon-catalogo-page .moon-filter-inner{ grid-template-columns:1fr !important; gap:10px !important; } html body .moon-catalogo-page .moon-filter-group{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; } html body .moon-catalogo-page .moon-filter-group select{min-width:0 !important;width:100% !important;} html body .moon-catalogo-page .moon-product-card{ box-shadow:0 8px 18px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.14) !important; } html body .moon-catalogo-page .moon-product-card:hover{transform:none !important;} } /* Moon Catálogos v3.5.0 — UI/UX refinement: light crystal filters, fixed desktop toolbar, readable cards, mobile 1/2 columns */ html body .moon-catalogo-page{ --moon-crystal-bg: rgba(255,255,255,.72); --moon-crystal-border: rgba(255,255,255,.78); --moon-crystal-soft: rgba(255,255,255,.52); --moon-text-main:#111827; --moon-text-muted:#606163; --moon-cyan:#46C8F4; } /* Buscador y filtros: más livianos, tipo cristal, no bloque oscuro */ @media (min-width: 821px){ html body .moon-catalogo-page .moon-filter-bar{ position: fixed !important; top: var(--moon-catalog-filter-top, 86px) !important; left: 0 !important; right: 0 !important; z-index: 890 !important; width: 100vw !important; padding: 12px clamp(16px,4vw,46px) !important; background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.58)) !important; border-top: 1px solid rgba(255,255,255,.78) !important; border-bottom: 1px solid rgba(70,200,244,.22) !important; box-shadow: 0 14px 34px rgba(5,10,18,.08), inset 0 1px 0 rgba(255,255,255,.86) !important; backdrop-filter: blur(22px) saturate(165%) !important; -webkit-backdrop-filter: blur(22px) saturate(165%) !important; } html body.admin-bar .moon-catalogo-page .moon-filter-bar{top:calc(var(--moon-catalog-filter-top, 86px) + 32px) !important;} html body .moon-catalogo-page .moon-product-section{padding-top:112px !important;} } html body .moon-catalogo-page .moon-filter-inner{ max-width: 1320px !important; gap: 12px !important; } html body .moon-catalogo-page .moon-search-field input, html body .moon-catalogo-page .moon-filter-group select, html body .moon-catalogo-page .moon-page-size select{ background: rgba(255,255,255,.76) !important; color: #111827 !important; border: 1px solid rgba(70,200,244,.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 8px 22px rgba(8,18,28,.06) !important; backdrop-filter: blur(16px) saturate(155%) !important; -webkit-backdrop-filter: blur(16px) saturate(155%) !important; } html body .moon-catalogo-page .moon-search-field input::placeholder{color: rgba(17,24,39,.52) !important;} html body .moon-catalogo-page .moon-search-field .moon-icon{color: var(--moon-cyan) !important; opacity:.95 !important;} html body .moon-catalogo-page .moon-search-field input:focus, html body .moon-catalogo-page .moon-filter-group select:focus, html body .moon-catalogo-page .moon-page-size select:focus{ border-color: rgba(70,200,244,.76) !important; box-shadow: 0 0 0 4px rgba(70,200,244,.14), 0 12px 28px rgba(70,200,244,.10) !important; } /* Tarjetas: menos sombra pesada, más vidrio y textos legibles */ html body .moon-catalogo-page .moon-product-card{ background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.48)) !important; border: 1px solid rgba(255,255,255,.82) !important; box-shadow: 0 12px 28px rgba(5,12,18,.07), inset 0 1px 0 rgba(255,255,255,.90) !important; backdrop-filter: blur(24px) saturate(170%) !important; -webkit-backdrop-filter: blur(24px) saturate(170%) !important; overflow:hidden !important; } html body .moon-catalogo-page .moon-product-card:hover{ transform: translateY(-4px) !important; border-color: rgba(70,200,244,.46) !important; box-shadow: 0 16px 34px rgba(70,200,244,.12), inset 0 1px 0 rgba(255,255,255,.92) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ width:100% !important; margin:0 !important; border-radius:24px 24px 0 0 !important; aspect-ratio: 1 / 1.06 !important; background: rgba(255,255,255,.40) !important; border:0 !important; box-shadow:none !important; } html body .moon-catalogo-page .moon-product-image{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; filter: contrast(1.03) saturate(1.04) !important; } html body .moon-catalogo-page .moon-product-info{ text-align:center !important; color: var(--moon-text-main) !important; padding: 17px 16px 18px !important; } html body .moon-catalogo-page .moon-product-info h3, html body .moon-catalogo-page .moon-product-title{ color:#111827 !important; text-shadow:none !important; font-family:"Playfair Display",serif !important; font-weight:500 !important; } html body .moon-catalogo-page .moon-ref{ color:#087c9f !important; background: transparent !important; border:0 !important; text-shadow:none !important; } html body .moon-catalogo-page .moon-meta, html body .moon-catalogo-page .moon-desc, html body .moon-catalogo-page .moon-product-info p, html body .moon-catalogo-page .moon-results-count, html body .moon-catalogo-page .moon-page-size span{ color:#606163 !important; text-shadow:none !important; } html body .moon-catalogo-page .moon-material-chips{justify-content:center !important;} /* Botones y controles tipo cristal como el inicio */ html body .moon-catalogo-page button, html body .moon-catalogo-page .moon-selection-btn, html body .moon-catalogo-page .moon-mobile-view-toggle button{ backdrop-filter: blur(16px) saturate(150%) !important; -webkit-backdrop-filter: blur(16px) saturate(150%) !important; } html body .moon-catalogo-page .moon-selection-btn, html body .moon-catalogo-page .moon-pagination button, html body .moon-catalogo-page .moon-mobile-view-toggle button{ background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.42)) !important; border: 1px solid rgba(70,200,244,.36) !important; color: #111827 !important; box-shadow: 0 10px 24px rgba(5,14,22,.08), inset 0 1px 0 rgba(255,255,255,.82) !important; } html body .moon-catalogo-page .moon-selection-btn:hover, html body .moon-catalogo-page .moon-pagination button:hover, html body .moon-catalogo-page .moon-mobile-view-toggle button:hover{ border-color: rgba(70,200,244,.72) !important; box-shadow: 0 12px 30px rgba(70,200,244,.16), inset 0 1px 0 rgba(255,255,255,.90) !important; } /* Paginación legible: números inactivos visibles */ html body .moon-catalogo-page .moon-pagination button{ color:#18212f !important; font-weight:800 !important; text-shadow:none !important; } html body .moon-catalogo-page .moon-pagination button:not(.is-active){ color:#18212f !important; opacity:1 !important; } html body .moon-catalogo-page .moon-pagination button.is-active{ background: linear-gradient(145deg, rgba(70,200,244,.98), rgba(223,248,255,.82)) !important; color:#031018 !important; border-color: rgba(70,200,244,.92) !important; } /* Selector móvil 1 / 2 columnas */ html body .moon-catalogo-page .moon-mobile-view-toggle{ display:none; gap:8px; align-items:center; } html body .moon-catalogo-page .moon-mobile-view-toggle button{ min-width:42px; height:38px; border-radius:999px; font-weight:800; font-size:13px; cursor:pointer; } html body .moon-catalogo-page .moon-mobile-view-toggle button.is-active{ background: linear-gradient(145deg, rgba(70,200,244,.98), rgba(223,248,255,.82)) !important; color:#031018 !important; } @media (max-width: 820px){ html body .moon-catalogo-page .moon-filter-bar{ position: sticky !important; top: 72px !important; background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.58)) !important; border-bottom:1px solid rgba(70,200,244,.22) !important; box-shadow:0 10px 24px rgba(5,14,22,.08) !important; backdrop-filter: blur(20px) saturate(165%) !important; -webkit-backdrop-filter: blur(20px) saturate(165%) !important; } html body .moon-catalogo-page .moon-mobile-view-toggle{display:flex !important;} html body .moon-catalogo-page .moon-toolbar-actions{ width:100% !important; justify-content:space-between !important; gap:10px !important; } html body .moon-catalogo-page.moon-mobile-cols-1 .moon-products-grid{grid-template-columns:1fr !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-product-info{padding:12px 10px 14px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-product-info h3{font-size:17px !important; line-height:1.15 !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-desc{display:none !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-material-chip{font-size:10px !important; min-height:24px !important; padding:0 8px !important;} html body .moon-catalogo-page .moon-product-card{ box-shadow:0 8px 20px rgba(5,12,18,.06), inset 0 1px 0 rgba(255,255,255,.86) !important; } } /* ========================================================= Moon Catálogos v3.6.0 — UI/UX Premium refinado Base única para catálogos, sin menú ni footer internos. ========================================================= */ html body .moon-catalogo-page{ --moon-ivory: #f7f4ef; --moon-ivory-glass: rgba(255,255,255,.70); --moon-glass-border: rgba(255,255,255,.62); --moon-cyan: #46C8F4; --moon-smoke: #606163; --moon-ink: #101316; --moon-soft-shadow: 0 12px 32px rgba(13,24,32,.075); --moon-crystal-shadow: 0 16px 42px rgba(6,18,26,.09), inset 0 1px 0 rgba(255,255,255,.72); background: radial-gradient(circle at 12% 0%, rgba(70,200,244,.11), transparent 27%), linear-gradient(180deg,#fbfaf8 0%, #f3eee7 48%, #f7f4ef 100%) !important; color: var(--moon-ink) !important; } html body .moon-catalogo-page .moon-main-catalog{background:transparent !important;} /* Hero editorial más respirado */ html body .moon-catalogo-page .moon-hero{ min-height: clamp(540px, 62vh, 720px) !important; border-bottom: 1px solid rgba(255,255,255,.22) !important; } html body .moon-catalogo-page .moon-hero-bg img{ image-rendering: auto !important; object-fit: cover !important; object-position: center center !important; filter: contrast(1.06) saturate(1.08) brightness(.95) !important; } html body .moon-catalogo-page .moon-hero-bg:after{ background: linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.48) 45%,rgba(0,0,0,.62)), radial-gradient(circle at 50% 42%,rgba(70,200,244,.13),transparent 46%) !important; } html body .moon-catalogo-page .moon-hero-content{ max-width: 920px !important; padding: 110px 22px 96px !important; } html body .moon-catalogo-page .moon-hero-content h1{ color:#fff !important; text-shadow:0 14px 44px rgba(0,0,0,.50) !important; letter-spacing:-.035em !important; } html body .moon-catalogo-page .moon-hero-content p{ max-width: 620px !important; color:rgba(255,255,255,.86) !important; } /* Buscador y filtros: cristal claro, liviano y fijo cuando corresponde */ html body .moon-catalogo-page .moon-filter-placeholder{display:none;height:0;} html body .moon-catalogo-page .moon-filter-bar{ position: sticky !important; top: var(--moon-catalog-filter-top, 86px) !important; z-index: 9000 !important; background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(245,252,255,.58)) !important; border-top: 1px solid rgba(255,255,255,.78) !important; border-bottom: 1px solid rgba(180,204,214,.30) !important; box-shadow: 0 14px 36px rgba(11,25,34,.08), inset 0 1px 0 rgba(255,255,255,.82) !important; backdrop-filter: blur(22px) saturate(165%) !important; -webkit-backdrop-filter: blur(22px) saturate(165%) !important; padding: 14px clamp(14px,4vw,44px) !important; } html body .moon-catalogo-page .moon-filter-bar.moon-is-fixed{ position: fixed !important; left: 0 !important; right: 0 !important; width: 100vw !important; margin-left: 0 !important; margin-right: 0 !important; transform: translateZ(0) !important; } html body .moon-catalogo-page .moon-filter-inner{ max-width: 1320px !important; } html body .moon-catalogo-page .moon-search-field input, html body .moon-catalogo-page .moon-filter-group select, html body .moon-catalogo-page .moon-page-size select{ background: rgba(255,255,255,.68) !important; color: #141719 !important; border: 1px solid rgba(255,255,255,.80) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 24px rgba(9,22,31,.055) !important; backdrop-filter: blur(16px) saturate(150%) !important; -webkit-backdrop-filter: blur(16px) saturate(150%) !important; } html body .moon-catalogo-page .moon-search-field input::placeholder{color:rgba(40,45,48,.52) !important;} html body .moon-catalogo-page .moon-search-field input:focus, html body .moon-catalogo-page .moon-filter-group select:focus, html body .moon-catalogo-page .moon-page-size select:focus{ border-color: rgba(70,200,244,.78) !important; box-shadow: 0 0 0 4px rgba(70,200,244,.14), inset 0 1px 0 rgba(255,255,255,.94) !important; } /* Botones estilo cristal como inicio */ html body .moon-catalogo-page button, html body .moon-catalogo-page .moon-whatsapp-btn, html body .moon-catalogo-page .moon-page-size select, html body .moon-catalogo-page .moon-filter-group select{ transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important; } html body .moon-catalogo-page .moon-whatsapp-btn, html body .moon-catalogo-page .moon-no-results button{ background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(70,200,244,.18)) !important; border: 1px solid rgba(255,255,255,.72) !important; color: #061018 !important; box-shadow: 0 16px 38px rgba(70,200,244,.16), inset 0 1px 0 rgba(255,255,255,.82) !important; backdrop-filter: blur(18px) saturate(160%) !important; -webkit-backdrop-filter: blur(18px) saturate(160%) !important; } html body .moon-catalogo-page .moon-whatsapp-btn:hover, html body .moon-catalogo-page .moon-no-results button:hover{ transform: translateY(-1px) !important; border-color: rgba(70,200,244,.82) !important; box-shadow: 0 18px 46px rgba(70,200,244,.24), inset 0 1px 0 rgba(255,255,255,.92) !important; } /* Tarjetas: más vidrio, menos sombra, foto protagonista */ html body .moon-catalogo-page .moon-product-section{ padding-top: 42px !important; } html body .moon-catalogo-page .moon-products-grid{ grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 24px !important; } html body .moon-catalogo-page .moon-product-card{ border-radius: 28px !important; overflow: hidden !important; background: linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,255,255,.34)) !important; border: 1px solid rgba(255,255,255,.64) !important; box-shadow: var(--moon-crystal-shadow) !important; backdrop-filter: blur(24px) saturate(165%) !important; -webkit-backdrop-filter: blur(24px) saturate(165%) !important; } html body .moon-catalogo-page .moon-product-card:hover{ transform: translateY(-4px) !important; border-color: rgba(70,200,244,.44) !important; box-shadow: 0 18px 46px rgba(70,200,244,.13), inset 0 1px 0 rgba(255,255,255,.82) !important; } html body .moon-catalogo-page .moon-product-card.is-selected, html body .moon-catalogo-page .moon-product-card.moon-glow-pulse{ border-color: rgba(70,200,244,.68) !important; box-shadow: 0 0 0 1px rgba(70,200,244,.34), 0 18px 44px rgba(70,200,244,.20), inset 0 1px 0 rgba(255,255,255,.82) !important; } html body .moon-catalogo-page .moon-product-image-wrap{ width: 100% !important; margin: 0 !important; border-radius: 28px 28px 18px 18px !important; aspect-ratio: 1 / 1.03 !important; border: 0 !important; background: linear-gradient(135deg, rgba(255,255,255,.54), rgba(232,248,255,.26)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important; } html body .moon-catalogo-page .moon-product-image{ width:100% !important; height:100% !important; object-fit: cover !important; border-radius: 28px 28px 18px 18px !important; } html body .moon-catalogo-page .moon-product-info{ text-align: center !important; padding: 16px 18px 20px !important; } html body .moon-catalogo-page .moon-product-info h3{ color:#111417 !important; font-size: clamp(20px, 1.8vw, 25px) !important; line-height:1.14 !important; margin: 3px 0 8px !important; } html body .moon-catalogo-page .moon-ref{ color:#1687a9 !important; background: rgba(70,200,244,.10) !important; border: 1px solid rgba(70,200,244,.20) !important; padding: 4px 9px !important; border-radius: 999px !important; margin-bottom: 8px !important; } html body .moon-catalogo-page .moon-meta{ color:#4f575c !important; font-weight:700 !important; } html body .moon-catalogo-page .moon-desc{ color:#5f686d !important; } html body .moon-catalogo-page .moon-material-chips{justify-content:center !important;} html body .moon-catalogo-page .moon-material-chip{ background: rgba(255,255,255,.58) !important; color:#243037 !important; border-color: rgba(255,255,255,.76) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 20px rgba(9,24,34,.045) !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="oro-18"], html body .moon-catalogo-page .moon-material-chip[data-material-key*="oro"]{ background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(222,171,60,.20)) !important; border-color: rgba(218,174,68,.42) !important; color:#7a5913 !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="plata"]{ background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(185,198,206,.25)) !important; border-color: rgba(166,184,194,.48) !important; color:#46525b !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="rosa"]{ background: linear-gradient(135deg, rgba(255,255,255,.70), rgba(224,145,154,.25)) !important; border-color: rgba(221,146,155,.42) !important; color:#81454e !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="blanco"]{ background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(203,244,255,.24)) !important; border-color: rgba(70,200,244,.28) !important; color:#2e6270 !important; } html body .moon-catalogo-page .moon-material-chip[data-material-key*="bicolor"]{ background: linear-gradient(135deg, rgba(222,171,60,.22), rgba(255,255,255,.72) 52%, rgba(176,192,202,.24)) !important; border-color: rgba(218,174,68,.35) !important; color:#5f4b22 !important; } /* Corazón cristal */ html body .moon-catalogo-page .moon-heart{ background: rgba(255,255,255,.64) !important; border:1px solid rgba(255,255,255,.80) !important; color:#172026 !important; box-shadow: 0 12px 30px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.86) !important; } html body .moon-catalogo-page .moon-heart.is-active{ background: linear-gradient(135deg, rgba(70,200,244,.95), rgba(255,255,255,.55)) !important; color:#041018 !important; border-color:rgba(70,200,244,.86) !important; } /* Paginación legible */ html body .moon-catalogo-page .moon-pagination button{ color:#172026 !important; background: rgba(255,255,255,.66) !important; border:1px solid rgba(255,255,255,.74) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 8px 20px rgba(7,20,30,.06) !important; backdrop-filter: blur(14px) saturate(150%) !important; -webkit-backdrop-filter: blur(14px) saturate(150%) !important; } html body .moon-catalogo-page .moon-pagination button:not(.is-active){opacity:1 !important;} html body .moon-catalogo-page .moon-pagination button:hover{ color:#06303d !important; border-color:rgba(70,200,244,.70) !important; box-shadow:0 12px 28px rgba(70,200,244,.16), inset 0 1px 0 rgba(255,255,255,.90) !important; } html body .moon-catalogo-page .moon-pagination button.is-active{ background: linear-gradient(135deg, rgba(70,200,244,.92), rgba(255,255,255,.62)) !important; color:#041018 !important; border-color:rgba(70,200,244,.86) !important; } /* Vista móvil 1 / 2 columnas */ html body .moon-catalogo-page .moon-mobile-view-toggle{ display:none; gap:8px; align-items:center; } html body .moon-catalogo-page .moon-mobile-view-toggle button{ min-width:42px; height:38px; border-radius:999px; border:1px solid rgba(255,255,255,.76); background:rgba(255,255,255,.62); color:#172026; font-weight:900; box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 8px 20px rgba(7,20,30,.06); backdrop-filter:blur(14px) saturate(150%); -webkit-backdrop-filter:blur(14px) saturate(150%); } html body .moon-catalogo-page .moon-mobile-view-toggle button.is-active{ background:linear-gradient(135deg,rgba(70,200,244,.92),rgba(255,255,255,.58)); border-color:rgba(70,200,244,.72); } /* Zoom showroom: sin recuadros blancos */ html body .moon-catalogo-page .moon-zoom-modal{ background: rgba(7,10,13,.62) !important; border:1px solid rgba(255,255,255,.16) !important; box-shadow:0 30px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.20) !important; backdrop-filter: blur(28px) saturate(130%) !important; -webkit-backdrop-filter: blur(28px) saturate(130%) !important; } html body .moon-catalogo-page .moon-zoom-stage, html body .moon-catalogo-page .moon-zoom-stage:before, html body .moon-catalogo-page .moon-zoom-stage:after{ background: transparent !important; box-shadow:none !important; border:0 !important; } html body .moon-catalogo-page [data-zoom-image]{ background: transparent !important; box-shadow:0 20px 70px rgba(0,0,0,.32) !important; } html body .moon-catalogo-page .moon-modal-ref{ display:block !important; color:rgba(255,255,255,.76) !important; background:transparent !important; border:0 !important; padding:0 !important; border-radius:0 !important; letter-spacing:.16em !important; } html body .moon-catalogo-page .moon-modal-ref:not(:empty)::before{content:'REF. ';} @media (max-width:1100px){ html body .moon-catalogo-page .moon-products-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;} } @media (max-width:820px){ html body .moon-catalogo-page .moon-hero{min-height:470px !important;} html body .moon-catalogo-page .moon-hero-content{padding:88px 18px 74px !important;} html body .moon-catalogo-page .moon-filter-bar{padding:12px !important;} html body .moon-catalogo-page .moon-filter-inner{gap:10px !important;} html body .moon-catalogo-page .moon-filter-group{grid-template-columns:1fr 1fr !important;display:grid !important;gap:8px !important;} html body .moon-catalogo-page .moon-products-grid{grid-template-columns:1fr !important;gap:16px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} html body .moon-catalogo-page .moon-mobile-view-toggle{display:flex !important;} html body .moon-catalogo-page .moon-toolbar-actions{flex-direction:row !important;align-items:center !important;justify-content:space-between !important;width:100% !important;} html body .moon-catalogo-page .moon-page-size{width:auto !important;} html body .moon-catalogo-page .moon-product-card{box-shadow:0 10px 24px rgba(7,20,30,.07), inset 0 1px 0 rgba(255,255,255,.70) !important;} html body .moon-catalogo-page .moon-product-card:hover{transform:none !important;} html body .moon-catalogo-page .moon-product-image-wrap{aspect-ratio:1/1.08 !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-product-info{padding:12px 10px 14px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-product-info h3{font-size:17px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-desc{display:none !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-material-chips{gap:5px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-material-chip{font-size:10px !important;padding:0 7px !important;min-height:24px !important;} html body .moon-catalogo-page .moon-modal-heart{bottom:20px !important;top:auto !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;} } @media (max-width:460px){ html body .moon-catalogo-page .moon-filter-group{grid-template-columns:1fr !important;} html body .moon-catalogo-page .moon-search-field input{height:46px !important;} html body .moon-catalogo-page .moon-product-section{padding-left:12px !important;padding-right:12px !important;} html body .moon-catalogo-page .moon-product-info h3{font-size:22px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-products-grid{gap:12px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-product-info h3{font-size:16px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-meta{font-size:11px !important;} } /* ========================================================= Moon Catálogos v3.7.0 — Boutique UI/UX polish - Filtros fijos bajo Moon Menu - Cristal suave azul, sin amarillo pesado - Tarjetas boutique, referencia limpia, selección blanca/azul - Zoom Apple-like y móvil sin saltos negros ========================================================= */ html body.moon-catalogos-active{ background: radial-gradient(circle at 50% 0%, rgba(70,200,244,.10), transparent 34%), #f6fbff !important; } html body.moon-catalogos-active .wp-block-page-list, html body.moon-catalogos-active .wp-block-pages-list, html body.moon-catalogos-active .widget_pages, html body.moon-catalogos-active .page-list, html body.moon-catalogos-active .wp-sitemap-page, html body.moon-catalogos-active nav[aria-label="Páginas"]{ display:none !important; } html body .moon-catalogo-page{ background: linear-gradient(180deg,#f8fcff 0%,#eef8ff 44%,#fbfdff 100%) !important; color:#111820 !important; scroll-behavior:smooth; } html body .moon-catalogo-page .moon-main-catalog{ background: transparent !important; } /* Barra fija real debajo del header global */ html body .moon-catalogo-page .moon-filter-placeholder{ display:block; height:0; } html body .moon-catalogo-page .moon-filter-bar{ background: transparent !important; border:0 !important; box-shadow:none !important; padding:12px clamp(14px,3vw,34px) !important; z-index: 900 !important; will-change: transform; } html body .moon-catalogo-page .moon-filter-bar.moon-is-fixed{ position: fixed !important; left: 0 !important; right: 0 !important; width: 100vw !important; margin:0 !important; transform:none !important; } html body .moon-catalogo-page .moon-filter-inner{ max-width: 1320px !important; margin: 0 auto !important; background: linear-gradient(135deg, rgba(255,255,255,.70), rgba(218,244,255,.42)) !important; border: 1px solid rgba(255,255,255,.84) !important; border-radius: 999px !important; padding: 10px !important; box-shadow: 0 12px 34px rgba(32,120,158,.09), inset 0 1px 0 rgba(255,255,255,.92) !important; backdrop-filter: blur(22px) saturate(170%) !important; -webkit-backdrop-filter: blur(22px) saturate(170%) !important; } html body .moon-catalogo-page .moon-search-field, html body .moon-catalogo-page .moon-filter-group select, html body .moon-catalogo-page .moon-page-size select{ background: rgba(255,255,255,.58) !important; border: 1px solid rgba(255,255,255,.88) !important; color:#14212a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 6px 18px rgba(12,58,79,.045) !important; } html body .moon-catalogo-page .moon-search-field input{ color:#14212a !important; } html body .moon-catalogo-page .moon-search-field input::placeholder{ color:rgba(20,33,42,.55) !important; } /* Fondo azul suave, sin amarillo visual */ html body .moon-catalogo-page .moon-product-section{ background: radial-gradient(circle at 50% 0%, rgba(70,200,244,.11), transparent 36%), linear-gradient(180deg,#f7fcff,#edf8ff 46%,#ffffff) !important; } /* Tarjetas boutique: más cristal, menos marketplace */ html body .moon-catalogo-page .moon-product-card{ background: linear-gradient(145deg, rgba(255,255,255,.52), rgba(222,246,255,.30)) !important; border: 1px solid rgba(255,255,255,.74) !important; box-shadow: 0 10px 28px rgba(16,75,105,.075), inset 0 1px 0 rgba(255,255,255,.86) !important; backdrop-filter: blur(26px) saturate(170%) !important; -webkit-backdrop-filter: blur(26px) saturate(170%) !important; transition: transform .32s cubic-bezier(.2,.8,.2,1), border-color .32s ease, box-shadow .32s ease, background .32s ease !important; } html body .moon-catalogo-page .moon-product-card:hover{ transform: translateY(-3px) !important; border-color: rgba(255,255,255,.92) !important; box-shadow: 0 16px 38px rgba(20,90,122,.12), inset 0 1px 0 rgba(255,255,255,.95) !important; } html body .moon-catalogo-page .moon-product-card.is-selected, html body .moon-catalogo-page .moon-product-card.moon-glow-pulse{ background: linear-gradient(145deg, rgba(255,255,255,.64), rgba(214,247,255,.44)) !important; border-color: rgba(255,255,255,.96) !important; outline: 1px solid rgba(70,200,244,.42) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.72), 0 18px 46px rgba(70,200,244,.16), inset 0 1px 0 rgba(255,255,255,.96) !important; } html body .moon-catalogo-page .moon-product-card.is-selected .moon-product-info h3, html body .moon-catalogo-page .moon-product-card.is-selected .moon-ref, html body .moon-catalogo-page .moon-product-card.is-selected .moon-meta, html body .moon-catalogo-page .moon-product-card.is-selected .moon-desc{ color:#1687a9 !important; } html body .moon-catalogo-page .moon-product-image-wrap{ background: linear-gradient(135deg, rgba(255,255,255,.48), rgba(216,246,255,.24)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important; } /* Referencia limpia: sin borde azul pesado */ html body .moon-catalogo-page .moon-ref{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding:0 !important; border-radius:0 !important; color:#6f7b83 !important; letter-spacing:.16em !important; font-size:11px !important; } /* Corazones y contadores seleccionados en blanco */ html body .moon-catalogo-page .moon-heart.is-active, html body .moon-catalogo-page .moon-modal-heart.is-selected, html body .moon-catalogo-page [data-zoom-heart].is-selected{ background: linear-gradient(135deg, rgba(70,200,244,.96), rgba(22,135,169,.82)) !important; color:#fff !important; border-color:rgba(255,255,255,.88) !important; box-shadow: 0 12px 34px rgba(70,200,244,.28), inset 0 1px 0 rgba(255,255,255,.42) !important; } html body .moon-catalogo-page .moon-heart.is-active svg, html body .moon-catalogo-page .moon-modal-heart.is-selected svg, html body .moon-catalogo-page [data-zoom-heart].is-selected svg{ color:#fff !important; fill:#fff !important; stroke:#fff !important; } html body .moon-menu-cart-count.is-active, html body .moon-nav-count.is-active, html body .moon-selection-count.is-active, html body .moon-cart-count.is-active, html body [data-selection-count].is-active{ color:#fff !important; background:#46c8f4 !important; border-color:rgba(255,255,255,.86) !important; } /* Botones tipo cristal del inicio */ html body .moon-catalogo-page button, html body .moon-catalogo-page .moon-whatsapp-btn, html body .moon-catalogo-page .moon-pagination button, html body .moon-catalogo-page [data-reset-filters]{ border-radius:999px !important; backdrop-filter: blur(18px) saturate(160%) !important; -webkit-backdrop-filter: blur(18px) saturate(160%) !important; } html body .moon-catalogo-page .moon-pagination button{ color:#172026 !important; background: rgba(255,255,255,.70) !important; border:1px solid rgba(255,255,255,.84) !important; min-width:42px !important; } html body .moon-catalogo-page .moon-pagination button.is-active{ color:#fff !important; background: linear-gradient(135deg, rgba(70,200,244,.96), rgba(22,135,169,.80)) !important; } /* Selector móvil sin números para no confundirse con paginación */ html body .moon-catalogo-page .moon-mobile-view-toggle{ display:none; gap:8px; align-items:center; padding:4px; border-radius:999px; background:rgba(255,255,255,.48); border:1px solid rgba(255,255,255,.78); box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 8px 18px rgba(20,90,122,.06); backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%); } html body .moon-catalogo-page .moon-mobile-view-toggle button{ min-width:auto !important; height:38px !important; padding:0 12px !important; display:inline-flex !important; align-items:center !important; gap:7px !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#40515b !important; font-size:11px !important; font-weight:800 !important; letter-spacing:.04em !important; } html body .moon-catalogo-page .moon-mobile-view-toggle button.is-active{ color:#fff !important; background:linear-gradient(135deg,rgba(70,200,244,.94),rgba(22,135,169,.75)) !important; box-shadow:0 8px 18px rgba(70,200,244,.16), inset 0 1px 0 rgba(255,255,255,.34) !important; } html body .moon-catalogo-page .moon-view-icon{ width:17px;height:17px;display:inline-grid;gap:2px; } html body .moon-catalogo-page .moon-view-single::before{ content:'';display:block;width:15px;height:15px;border-radius:5px;border:1.6px solid currentColor; } html body .moon-catalogo-page .moon-view-grid{ grid-template-columns:repeat(2,1fr); } html body .moon-catalogo-page .moon-view-grid::before, html body .moon-catalogo-page .moon-view-grid::after{ content:'';width:7px;height:7px;border-radius:3px;border:1.4px solid currentColor;box-sizing:border-box; } html body .moon-catalogo-page .moon-view-grid::after{box-shadow:9px 0 0 -1.4px transparent;} /* Zoom estilo Apple: suave, sin salto negro */ html body.moon-no-scroll{ overflow:hidden !important; background:#f6fbff !important; } html body .moon-catalogo-page .moon-overlay.is-open{ background: rgba(4,9,13,.48) !important; backdrop-filter: blur(14px) saturate(120%) !important; -webkit-backdrop-filter: blur(14px) saturate(120%) !important; transition: opacity .34s ease, visibility .34s ease !important; } html body .moon-catalogo-page .moon-zoom-modal{ width:min(96vw,1160px) !important; height:min(90vh,820px) !important; max-height:none !important; background: linear-gradient(135deg, rgba(11,17,22,.70), rgba(10,28,36,.46)) !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:34px !important; box-shadow:0 34px 110px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.20) !important; backdrop-filter: blur(32px) saturate(145%) !important; -webkit-backdrop-filter: blur(32px) saturate(145%) !important; transform: translate(-50%,-50%) scale(.965) !important; opacity:0 !important; transition: opacity .36s cubic-bezier(.2,.8,.2,1), transform .36s cubic-bezier(.2,.8,.2,1), visibility .36s ease !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open{ transform: translate(-50%,-50%) scale(1) !important; opacity:1 !important; } html body .moon-catalogo-page .moon-zoom-stage{ height:100% !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:10px !important; padding:clamp(24px,4vw,48px) !important; background:transparent !important; } html body .moon-catalogo-page [data-zoom-image]{ max-width:min(86vw,880px) !important; max-height:calc(90vh - 210px) !important; object-fit:contain !important; border-radius:24px !important; background:transparent !important; box-shadow:0 26px 90px rgba(0,0,0,.30) !important; transform-origin:center center !important; transition: transform .42s cubic-bezier(.2,.8,.2,1), opacity .28s ease, filter .34s ease !important; } html body .moon-catalogo-page .moon-zoom-modal.moon-zoom-transitioning [data-zoom-image]{ opacity:.36 !important; transform:scale(.985) !important; } html body .moon-catalogo-page .moon-zoom-stage h3{ color:#fff !important; margin:8px 0 0 !important; text-shadow:0 10px 30px rgba(0,0,0,.32) !important; } html body .moon-catalogo-page .moon-modal-ref{ color:rgba(255,255,255,.78) !important; font-size:12px !important; letter-spacing:.18em !important; margin-top:-2px !important; } html body.moon-catalogos-zoom-open .moon-menu-header, html body.moon-catalogos-zoom-open .moon-navbar, html body.moon-catalogos-zoom-open .site-header, html body.moon-catalogos-zoom-open #masthead{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:translateY(-14px) !important; transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important; } @media (max-width:820px){ html body .moon-catalogo-page .moon-filter-bar{padding:10px 10px !important;} html body .moon-catalogo-page .moon-filter-inner{ border-radius:26px !important; padding:10px !important; } html body .moon-catalogo-page .moon-filter-group{ grid-template-columns:1fr 1fr !important; } html body .moon-catalogo-page .moon-toolbar-actions{ gap:10px !important; } html body .moon-catalogo-page .moon-mobile-view-toggle{display:flex !important;} html body .moon-catalogo-page .moon-product-card{ box-shadow:0 8px 22px rgba(16,75,105,.055), inset 0 1px 0 rgba(255,255,255,.82) !important; } html body .moon-catalogo-page .moon-zoom-modal{ width:94vw !important; height:86vh !important; border-radius:28px !important; } html body .moon-catalogo-page [data-zoom-image]{ max-width:86vw !important; max-height:calc(86vh - 190px) !important; touch-action:pinch-zoom !important; } html body .moon-catalogo-page .moon-modal-heart{bottom:18px !important;} } @media (max-width:460px){ html body .moon-catalogo-page .moon-filter-group{grid-template-columns:1fr !important;} html body .moon-catalogo-page .moon-mobile-view-toggle button span:not(.moon-view-icon){display:none !important;} html body .moon-catalogo-page .moon-mobile-view-toggle button{padding:0 13px !important;} html body .moon-catalogo-page .moon-toolbar-actions{align-items:center !important;} } /* Moon Catálogos v3.8.0 — ajuste boutique: fondo claro, filtros bajo banner, zoom estable y tarjetas ordenadas */ html body .moon-catalogo-page{ --moon-light:#eef8fc !important; --moon-soft-blue:#eef8fc !important; --moon-card-glass:rgba(255,255,255,.58) !important; background:linear-gradient(180deg,#f8fdff 0%,#eef8fc 42%,#f7fcff 100%) !important; color:#17202a !important; } html body .moon-catalogo-page .moon-main-catalog{ background:linear-gradient(180deg,#f8fdff 0%,#eef8fc 46%,#fbfeff 100%) !important; } html body .moon-catalogo-page .moon-filter-bar, html body .moon-catalogo-page .moon-filter-bar.moon-is-fixed{ position:sticky !important; top:0 !important; z-index:120 !important; margin:0 !important; background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(230,248,253,.54)) !important; border-top:1px solid rgba(255,255,255,.74) !important; border-bottom:1px solid rgba(70,200,244,.18) !important; box-shadow:0 12px 28px rgba(20,72,88,.08), inset 0 1px 0 rgba(255,255,255,.88) !important; -webkit-backdrop-filter:blur(18px) saturate(155%) !important; backdrop-filter:blur(18px) saturate(155%) !important; transform:none !important; } html body .moon-catalogo-page .moon-filter-placeholder{display:none !important;height:0 !important;} html body .moon-catalogo-page .moon-search-field input, html body .moon-catalogo-page .moon-filter-group select, html body .moon-catalogo-page .moon-page-size select{ background:rgba(255,255,255,.82) !important; color:#17202a !important; border:1px solid rgba(70,200,244,.20) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 10px 22px rgba(30,90,110,.07) !important; } html body .moon-catalogo-page .moon-product-section{background:transparent !important;} html body .moon-catalogo-page .moon-products-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; align-items:stretch !important; } html body .moon-catalogo-page .moon-product-card{ background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(244,253,255,.38)) !important; border:1px solid rgba(255,255,255,.76) !important; box-shadow:0 12px 30px rgba(23,72,88,.08), inset 0 1px 0 rgba(255,255,255,.86) !important; -webkit-backdrop-filter:blur(18px) saturate(155%) !important; backdrop-filter:blur(18px) saturate(155%) !important; } html body .moon-catalogo-page .moon-product-card:hover{ border-color:rgba(157,231,251,.66) !important; box-shadow:0 18px 40px rgba(70,200,244,.12), inset 0 1px 0 rgba(255,255,255,.92) !important; } html body .moon-catalogo-page .moon-product-card.is-selected, html body .moon-catalogo-page .moon-product-card.moon-selected{ border-color:rgba(180,240,255,.86) !important; box-shadow:0 0 0 1px rgba(255,255,255,.72),0 18px 46px rgba(70,200,244,.16), inset 0 1px 0 rgba(255,255,255,.94) !important; } html body .moon-catalogo-page .moon-product-card.is-selected .moon-product-info h3, html body .moon-catalogo-page .moon-product-card.moon-selected .moon-product-info h3, html body .moon-catalogo-page .moon-product-card.is-selected .moon-ref, html body .moon-catalogo-page .moon-product-card.moon-selected .moon-ref{ color:#148cb2 !important; } html body .moon-catalogo-page .moon-product-image-wrap{ background:rgba(255,255,255,.45) !important; border:1px solid rgba(255,255,255,.72) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important; } html body .moon-catalogo-page .moon-ref{ border:0 !important; background:transparent !important; padding:0 !important; box-shadow:none !important; color:#148cb2 !important; } html body .moon-catalogo-page .moon-heart.is-active, html body .moon-catalogo-page .moon-heart[aria-pressed="true"], html body .moon-catalogo-page .moon-modal-heart.is-selected, html body .moon-catalogo-page .moon-modal-heart[aria-pressed="true"]{ color:#fff !important; background:linear-gradient(135deg,rgba(70,200,244,.95),rgba(112,221,250,.74)) !important; border-color:rgba(255,255,255,.82) !important; } html body .moon-catalogo-page .moon-heart.is-active svg, html body .moon-catalogo-page .moon-heart[aria-pressed="true"] svg, html body .moon-catalogo-page .moon-modal-heart.is-selected svg, html body .moon-catalogo-page .moon-modal-heart[aria-pressed="true"] svg{fill:#fff !important;stroke:#fff !important;} html body .moon-catalogo-page .moon-nav-count, html body .moon-catalogo-page [data-selection-count]{color:#fff !important;} html body .moon-catalogo-page .moon-pagination button{ color:#1c3a45 !important; background:rgba(255,255,255,.78) !important; border:1px solid rgba(70,200,244,.25) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 18px rgba(30,90,110,.08) !important; } html body .moon-catalogo-page .moon-pagination button.is-active{ color:#fff !important; background:linear-gradient(135deg,#46C8F4,#8be5ff) !important; border-color:rgba(255,255,255,.78) !important; } html body .moon-catalogo-page .moon-zoom-modal{ background:rgba(10,18,25,.56) !important; -webkit-backdrop-filter:blur(28px) saturate(150%) !important; backdrop-filter:blur(28px) saturate(150%) !important; overflow:hidden !important; } html body .moon-catalogo-page .moon-zoom-stage{ background:transparent !important; box-shadow:none !important; border:0 !important; transform:scale(.965) translateY(8px) !important; opacity:0 !important; transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .32s ease !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open .moon-zoom-stage{ transform:scale(1) translateY(0) !important; opacity:1 !important; } html body .moon-catalogo-page .moon-zoom-stage img{ background:transparent !important; border:0 !important; box-shadow:0 32px 96px rgba(0,0,0,.34) !important; transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .28s ease !important; } html body .moon-catalogo-page .moon-zoom-modal.is-zoomed .moon-zoom-stage img{ transform:none !important; } html body.moon-catalogos-zoom-open{overflow:hidden !important;} @media(max-width:1180px){html body .moon-catalogo-page .moon-products-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}} @media(max-width:820px){ html body .moon-catalogo-page{background:#f4fbfe !important;} html body .moon-catalogo-page .moon-filter-bar, html body .moon-catalogo-page .moon-filter-bar.moon-is-fixed{position:sticky !important;top:0 !important;padding:12px 12px !important;} html body .moon-catalogo-page .moon-filter-inner{grid-template-columns:1fr !important;gap:10px !important;} html body .moon-catalogo-page .moon-products-grid{grid-template-columns:1fr !important;gap:18px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-product-info h3{font-size:18px !important;} html body .moon-catalogo-page.moon-mobile-cols-2 .moon-desc{display:none !important;} html body .moon-catalogo-page .moon-product-card{box-shadow:0 10px 24px rgba(23,72,88,.08), inset 0 1px 0 rgba(255,255,255,.88) !important;} html body .moon-catalogo-page .moon-zoom-modal{background:rgba(10,18,25,.52) !important;} html body .moon-catalogo-page .moon-zoom-stage img{max-width:92vw !important;max-height:64vh !important;touch-action:pinch-zoom !important;} } /* Moon Catálogos v3.9.0 — ajuste fondo suave, hover título y zoom móvil centrado */ html body .moon-catalogo-page{ background: radial-gradient(circle at 12% 4%,rgba(70,200,244,.075),transparent 28%), radial-gradient(circle at 88% 12%,rgba(223,248,255,.34),transparent 30%), linear-gradient(180deg,#fbfdff 0%,#f6fbff 42%,#ffffff 100%) !important; } html body .moon-catalogo-page .moon-main-catalog, html body .moon-catalogo-page .moon-product-section{ background:transparent !important; } html body .moon-catalogo-page .moon-product-card:hover .moon-product-info h3, html body .moon-catalogo-page .moon-product-card.is-selected .moon-product-info h3{ color:#1584a4 !important; } html body .moon-catalogo-page .moon-product-card:hover, html body .moon-catalogo-page .moon-product-card.is-selected{ border-color:rgba(255,255,255,.88) !important; box-shadow:0 18px 44px rgba(70,200,244,.14), inset 0 1px 0 rgba(255,255,255,.82) !important; } html body .moon-catalogo-page .moon-product-card.is-selected{ background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(237,251,255,.72)) !important; } @media (hover:hover){ html body .moon-catalogo-page .moon-product-card:hover .moon-product-image{ transform:scale(1.035) translateY(-1px) !important; } } @media(max-width:820px){ html body .moon-catalogo-page{ background:linear-gradient(180deg,#fbfdff 0%,#f5fbff 48%,#ffffff 100%) !important; } html body .moon-catalogo-page .moon-zoom-modal, html body .moon-catalogo-page .moon-zoom-modal.is-open{ position:fixed !important; inset:0 !important; left:0 !important; top:0 !important; width:100vw !important; height:100dvh !important; min-height:100dvh !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; padding:0 !important; background: radial-gradient(circle at 50% 28%,rgba(255,255,255,.18),transparent 42%), radial-gradient(circle at 15% 15%,rgba(70,200,244,.16),transparent 34%), rgba(5,7,10,.72) !important; backdrop-filter:blur(28px) saturate(150%) !important; -webkit-backdrop-filter:blur(28px) saturate(150%) !important; } html body .moon-catalogo-page .moon-zoom-modal:not(.is-open){ display:none !important; } html body .moon-catalogo-page .moon-zoom-stage{ position:relative !important; width:100vw !important; height:100dvh !important; min-height:100dvh !important; max-height:100dvh !important; padding:72px 18px 92px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:8px !important; transform:none !important; } html body .moon-catalogo-page .moon-zoom-stage img, html body .moon-catalogo-page .moon-zoom-modal.is-open .moon-zoom-stage img{ display:block !important; width:auto !important; max-width:92vw !important; max-height:58dvh !important; height:auto !important; margin:0 auto !important; object-fit:contain !important; border:0 !important; border-radius:18px !important; background:transparent !important; box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 28px rgba(70,200,244,.10) !important; transform-origin:center center !important; touch-action:pinch-zoom !important; } html body .moon-catalogo-page .moon-zoom-modal.is-zoomed .moon-zoom-stage img{ max-width:92vw !important; width:auto !important; } html body .moon-catalogo-page .moon-zoom-stage h3{ margin:12px 0 2px !important; font-size:clamp(22px,7vw,31px) !important; max-width:90vw !important; } html body .moon-catalogo-page .moon-modal-ref, html body .moon-catalogo-page .moon-modal-counter{ max-width:90vw !important; } html body .moon-catalogo-page .moon-modal-close, html body .moon-catalogo-page .moon-modal-heart{ bottom:22px !important; top:auto !important; } html body .moon-catalogo-page .moon-modal-close{right:22px !important;} html body .moon-catalogo-page .moon-modal-heart{left:22px !important;} } /* Moon Catálogos v4.0.0 — reparación zoom móvil centrado y limpieza de espacio superior del banner */ html body .moon-catalogo-page{ margin-top:0 !important; padding-top:0 !important; overflow-x:hidden !important; } html body .moon-catalogo-page .moon-main-catalog, html body .moon-catalogo-page .moon-hero{ margin-top:0 !important; } html body .moon-catalogo-page .moon-hero{ background:#05090d !important; overflow:hidden !important; } html body .moon-catalogo-page .moon-hero-bg, html body .moon-catalogo-page .moon-hero-bg picture, html body .moon-catalogo-page .moon-hero-bg img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; display:block !important; } html body .moon-catalogo-page .moon-hero-bg img{ object-fit:cover !important; object-position:center center !important; background:#05090d !important; } html body .moon-catalogo-page [data-zoom-modal].is-open, html body .moon-catalogo-page .moon-zoom-modal.is-open{ position:fixed !important; inset:0 !important; left:0 !important; top:0 !important; right:0 !important; bottom:0 !important; width:100vw !important; height:100vh !important; height:100dvh !important; max-width:none !important; max-height:none !important; min-width:100vw !important; min-height:100vh !important; min-height:100dvh !important; margin:0 !important; padding:0 !important; transform:none !important; border:0 !important; border-radius:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.16),transparent 34%),radial-gradient(circle at 18% 16%,rgba(70,200,244,.18),transparent 32%),rgba(4,7,11,.74) !important; -webkit-backdrop-filter:blur(30px) saturate(150%) !important; backdrop-filter:blur(30px) saturate(150%) !important; box-shadow:none !important; z-index:2147483000 !important; } html body .moon-catalogo-page [data-zoom-modal]:not(.is-open), html body .moon-catalogo-page .moon-zoom-modal:not(.is-open){ display:none !important; visibility:hidden !important; pointer-events:none !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open .moon-zoom-stage{ position:relative !important; inset:auto !important; width:min(1120px,100vw) !important; height:100vh !important; height:100dvh !important; max-width:100vw !important; max-height:100dvh !important; margin:0 auto !important; padding:72px 22px 92px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:9px !important; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:hidden !important; transform:scale(.985) translateY(8px) !important; opacity:0 !important; transition:transform .42s cubic-bezier(.22,1,.36,1), opacity .32s ease !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open:not(.moon-zoom-transitioning) .moon-zoom-stage{ transform:scale(1) translateY(0) !important; opacity:1 !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open .moon-zoom-stage img, html body .moon-catalogo-page .moon-zoom-modal.is-open [data-zoom-image]{ display:block !important; position:relative !important; left:auto !important; top:auto !important; float:none !important; width:auto !important; height:auto !important; max-width:min(92vw,980px) !important; max-height:68vh !important; max-height:68dvh !important; margin:0 auto !important; object-fit:contain !important; object-position:center center !important; border:0 !important; border-radius:20px !important; background:transparent !important; box-shadow:0 24px 86px rgba(0,0,0,.35),0 0 38px rgba(70,200,244,.10) !important; transform-origin:center center !important; touch-action:pinch-zoom pan-x pan-y !important; -webkit-user-select:none !important; user-select:none !important; } html body .moon-catalogo-page .moon-zoom-stage h3{ color:#fff !important; text-align:center !important; margin:12px 0 0 !important; line-height:1.05 !important; text-shadow:0 10px 32px rgba(0,0,0,.50) !important; } html body .moon-catalogo-page .moon-modal-ref{ color:rgba(255,255,255,.82) !important; text-align:center !important; border:0 !important; background:transparent !important; box-shadow:none !important; padding:0 !important; margin:0 !important; letter-spacing:.12em !important; } html body .moon-catalogo-page .moon-modal-counter{ color:rgba(255,255,255,.68) !important; text-align:center !important; } @media(max-width:820px){ html body .moon-catalogo-page .moon-hero{ min-height:430px !important; } html body .moon-catalogo-page .moon-hero-content{ padding-top:78px !important; padding-bottom:66px !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open .moon-zoom-stage{ width:100vw !important; height:100dvh !important; padding:calc(env(safe-area-inset-top,0px) + 58px) 16px calc(env(safe-area-inset-bottom,0px) + 88px) !important; justify-content:center !important; transform:scale(.985) translateY(10px) !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open:not(.moon-zoom-transitioning) .moon-zoom-stage{ transform:scale(1) translateY(0) !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open .moon-zoom-stage img, html body .moon-catalogo-page .moon-zoom-modal.is-open [data-zoom-image]{ max-width:92vw !important; max-height:56dvh !important; margin-left:auto !important; margin-right:auto !important; } html body .moon-catalogo-page .moon-modal-close{ right:18px !important; bottom:calc(env(safe-area-inset-bottom,0px) + 18px) !important; top:auto !important; } html body .moon-catalogo-page .moon-modal-heart{ left:18px !important; bottom:calc(env(safe-area-inset-bottom,0px) + 18px) !important; top:auto !important; } html body .moon-catalogo-page .moon-modal-prev, html body .moon-catalogo-page .moon-modal-next{ top:50% !important; transform:translateY(-50%) !important; } } /* Moon Catálogos v4.1.0 — reparación definitiva zoom móvil/viewport */ html body.moon-catalogos-zoom-open{overflow:hidden !important;touch-action:none !important;} html body.moon-catalogos-zoom-open :is(header,.site-header,#masthead,.elementor-location-header,.moon-menu,.moon-navbar,.wp-site-blocks > header){visibility:hidden !important;opacity:0 !important;pointer-events:none !important;} html body .moon-zoom-modal.is-open[data-zoom-modal], html body [data-zoom-modal].moon-zoom-modal.is-open{ position:fixed !important; inset:0 !important; left:0 !important;top:0 !important;right:0 !important;bottom:0 !important; width:100vw !important;height:100vh !important;height:100dvh !important; min-width:100vw !important;min-height:100dvh !important;max-width:none !important;max-height:none !important; margin:0 !important;padding:0 !important; transform:none !important;translate:none !important;scale:none !important;rotate:none !important; animation:none !important; border:0 !important;border-radius:0 !important; display:flex !important;align-items:center !important;justify-content:center !important; overflow:hidden !important; background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.15),transparent 35%),radial-gradient(circle at 18% 12%,rgba(70,200,244,.16),transparent 34%),rgba(5,8,12,.78) !important; -webkit-backdrop-filter:blur(30px) saturate(155%) !important;backdrop-filter:blur(30px) saturate(155%) !important; z-index:2147483000 !important;box-shadow:none !important; } html body .moon-zoom-modal.is-open[data-zoom-modal] .moon-zoom-stage, html body [data-zoom-modal].moon-zoom-modal.is-open .moon-zoom-stage{ position:fixed !important; inset:0 !important; left:0 !important;top:0 !important;right:0 !important;bottom:0 !important; width:100vw !important;height:100vh !important;height:100dvh !important;max-width:100vw !important;max-height:100dvh !important; margin:0 !important; padding:calc(env(safe-area-inset-top,0px) + 56px) 16px calc(env(safe-area-inset-bottom,0px) + 88px) !important; display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:8px !important; transform:none !important;translate:none !important;scale:none !important;rotate:none !important;opacity:1 !important; background:transparent !important;border:0 !important;box-shadow:none !important;overflow:hidden !important; } html body .moon-zoom-modal.is-open[data-zoom-modal] .moon-zoom-stage > *, html body [data-zoom-modal].moon-zoom-modal.is-open .moon-zoom-stage > *{max-width:92vw !important;} html body .moon-zoom-modal.is-open[data-zoom-modal] [data-zoom-image], html body [data-zoom-modal].moon-zoom-modal.is-open [data-zoom-image]{ display:block !important;position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;float:none !important; width:auto !important;height:auto !important;max-width:92vw !important;max-height:56dvh !important;margin:0 auto !important; object-fit:contain !important;object-position:center center !important;background:transparent !important;border:0 !important;border-radius:18px !important; box-shadow:0 24px 72px rgba(0,0,0,.34),0 0 28px rgba(70,200,244,.10) !important; transform-origin:center center !important;touch-action:pinch-zoom !important;-webkit-user-select:none !important;user-select:none !important; } html body .moon-zoom-modal.is-open[data-zoom-modal] .moon-zoom-stage h3, html body [data-zoom-modal].moon-zoom-modal.is-open .moon-zoom-stage h3{ width:92vw !important;margin:10px auto 0 !important;text-align:center !important;line-height:1.08 !important;color:#fff !important; } html body .moon-zoom-modal.is-open[data-zoom-modal] .moon-modal-ref, html body [data-zoom-modal].moon-zoom-modal.is-open .moon-modal-ref{ display:block !important;width:92vw !important;text-align:center !important;margin:0 auto !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;color:rgba(255,255,255,.82) !important; } @media(max-width:820px){ html body .moon-zoom-modal.is-open[data-zoom-modal] .moon-modal-close, html body [data-zoom-modal].moon-zoom-modal.is-open .moon-modal-close{position:fixed !important;right:18px !important;bottom:calc(env(safe-area-inset-bottom,0px) + 18px) !important;top:auto !important;left:auto !important;z-index:2147483001 !important;} html body .moon-zoom-modal.is-open[data-zoom-modal] .moon-modal-heart, html body [data-zoom-modal].moon-zoom-modal.is-open .moon-modal-heart{position:fixed !important;left:50% !important;right:auto !important;bottom:calc(env(safe-area-inset-bottom,0px) + 18px) !important;top:auto !important;transform:translateX(-50%) !important;z-index:2147483001 !important;} } /* Moon Catálogos v4.2.0 — transición zoom fluida y entrada suave de tarjetas */ html body .moon-catalogo-page .moon-zoom-modal.moon-zoom-transitioning [data-zoom-image]{ opacity:.92 !important; transform:scale(.992) !important; filter:none !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open[data-zoom-modal], html body [data-zoom-modal].moon-zoom-modal.is-open{ animation:moonZoomBackdropSoftIn .24s cubic-bezier(.22,1,.36,1) both !important; background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.18),transparent 34%),radial-gradient(circle at 20% 12%,rgba(70,200,244,.18),transparent 32%),rgba(5,8,12,.66) !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open [data-zoom-image]{ opacity:1 !important; will-change:transform, opacity !important; transition:transform .38s cubic-bezier(.22,1,.36,1), opacity .18s ease !important; animation:moonZoomImageSoftIn .36s cubic-bezier(.22,1,.36,1) both !important; } html body .moon-catalogo-page .moon-zoom-modal.is-open .moon-zoom-stage h3, html body .moon-catalogo-page .moon-zoom-modal.is-open .moon-modal-ref, html body .moon-catalogo-page .moon-zoom-modal.is-open .moon-modal-counter{ animation:moonZoomTextSoftIn .36s cubic-bezier(.22,1,.36,1) both !important; } html body .moon-catalogo-page .moon-products-grid .moon-product-card.moon-card-enter{ animation:moonCardSoftEnter .46s cubic-bezier(.22,1,.36,1) both !important; animation-delay:var(--moon-card-delay,0ms) !important; will-change:transform, opacity !important; } @keyframes moonZoomBackdropSoftIn{ from{opacity:.001;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%)} to{opacity:1;backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%)} } @keyframes moonZoomImageSoftIn{ from{opacity:.001;transform:scale(.965) translateY(10px)} to{opacity:1;transform:scale(1) translateY(0)} } @keyframes moonZoomTextSoftIn{ from{opacity:.001;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} } @keyframes moonCardSoftEnter{ from{opacity:.001;transform:translateY(18px) scale(.985)} to{opacity:1;transform:translateY(0) scale(1)} } @media (prefers-reduced-motion:reduce){ html body .moon-catalogo-page .moon-zoom-modal.is-open[data-zoom-modal], html body .moon-catalogo-page .moon-zoom-modal.is-open [data-zoom-image], html body .moon-catalogo-page .moon-products-grid .moon-product-card.moon-card-enter{animation:none !important;transition:none !important;} } /* Moon Catálogos v4.9.0 — Safari/iPhone sin franja duplicada Se elimina cualquier puente/capa fija. La zona superior toma el fondo boutique estable. */ @supports (padding-top: env(safe-area-inset-top)) { @media (max-width: 820px) { html:has(.moon-catalogo-page), body.moon-catalogos-active, body.moon-catalogos-active #page, body.moon-catalogos-active .site, body.moon-catalogos-active .elementor, body.moon-catalogos-active .elementor-section, body.moon-catalogos-active .elementor-container, body.moon-catalogos-active .elementor-widget-container { background-color:#eefbff !important; } body.moon-catalogos-active { margin:0 !important; padding:0 !important; overflow-x:hidden !important; -webkit-text-size-adjust:100%; } body.moon-catalogos-active .moon-catalogo-page { margin-top:0 !important; padding-top:0 !important; background:#eefbff !important; overflow-x:hidden !important; isolation:isolate; } body.moon-catalogos-active .moon-hero { margin-top:0 !important; padding-top:0 !important; background:#eefbff !important; overflow:hidden !important; min-height:560px !important; transform:none !important; -webkit-transform:none !important; } body.moon-catalogos-active .moon-hero-bg, body.moon-catalogos-active .moon-hero-bg img { top:0 !important; height:100% !important; min-height:100% !important; object-fit:cover !important; transform:none !important; -webkit-transform:none !important; } body.moon-catalogos-active .moon-hero-content { padding-top:104px !important; } body.moon-catalogos-active .moon-filter-bar { top:0 !important; margin-top:0 !important; } .moon-ios-safe-bridge, body.moon-catalogos-active .moon-ios-safe-bridge, body.moon-catalogos-active.moon-safari-bridge-on .moon-ios-safe-bridge, body.moon-catalogos-active.moon-hero-visible .moon-ios-safe-bridge { display:none !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; height:0 !important; min-height:0 !important; } } } /* Moon Catálogos v4.9.2 — ajuste versión y estabilidad visual Safari/iPhone */ .moon-scroll-top{display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;line-height:1 !important;} .moon-scroll-top .moon-icon,.moon-scroll-top .moon-icon svg{display:block !important;width:20px !important;height:20px !important;margin:auto !important;position:static !important;transform:none !important;} /* Moon Catálogos v4.9.3 — selección reiniciada al recargar para sincronizar contador del menú */