:root {
  --bg: linear-gradient(180deg,#fff9f1 0%, #f8efe1 45%, #f5eadb 100%);
  --card: #ffffff;
  --accent: #f16800;
  --text: #111;
  --muted: #555;
  --mosaic-strip-image: url('assets/strip-mosaicos-linea.svg');
}
@supports (background-image: url("assets/strip-mosaicos-linea.jpg")) {
  :root {
    --mosaic-strip-image: image-set(
      url('assets/strip-mosaicos-linea.jpg') type('image/jpeg'),
      url('assets/strip-mosaicos-linea.svg') type('image/svg+xml')
    );
  }
}
:root[data-theme="dark"] {
  --bg: linear-gradient(180deg,#0d1117 0%, #0f141c 45%, #111824 100%);
  --card: #121824;
  --accent: #ff8a32;
  --text: #f2f5f9;
  --muted: #a9b2bd;
}
* { box-sizing: border-box; }
[hidden]{display:none !important;}
body { margin:0; font-family: Arial, Helvetica, sans-serif; background:var(--bg); color:var(--text); background-attachment:fixed; }
.site { width: min(96vw, 1680px); margin: 10px auto; background: var(--card); border: 1px solid #e5d8c7; box-shadow:0 10px 30px rgba(124,84,36,.10); }
:root[data-theme="dark"] .site { border-color:#232c38; box-shadow:0 10px 30px rgba(0,0,0,.35); }
.top { padding: 20px 28px 10px; }
.site.has-floating-header { padding-top: var(--floating-header-height, 0px); }
.top.floating{position:fixed;top:0;left:50%;width:min(96vw,1680px);transform:translateX(-50%);z-index:1400;background:var(--card);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 8px 20px rgba(0,0,0,.12);transition:none}
.top.floating.floating-ready{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.top.floating.floating-hidden{transform:translateX(-50%) translateY(-110%);box-shadow:none}
:root[data-theme="dark"] .top.floating{border-bottom-color:rgba(255,255,255,.12);box-shadow:0 10px 26px rgba(0,0,0,.4)}
.brand-row { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.logo { display:flex; align-items:center; }
.logo img { height:56px; width:auto; display:block; }
.langs { font-size: 12px; color:#444; display:flex; align-items:center; gap:6px; }
:root[data-theme="dark"] .langs { color:#c7cfdb; }
.lang-btn{border:0;background:transparent;cursor:pointer;padding:0 2px;font-size:16px;opacity:.55;line-height:1}
.lang-btn.active{opacity:1}
:root[data-theme="dark"] .lang-btn{opacity:.8}
:root[data-theme="dark"] .lang-btn{color:#f6f9ff;filter:drop-shadow(0 0 4px rgba(255,255,255,.35)) saturate(1.1) brightness(1.15);text-shadow:0 0 6px rgba(255,255,255,.45)}
:root[data-theme="dark"] .lang-btn.active{opacity:1;color:#ffffff;filter:drop-shadow(0 0 6px rgba(255,255,255,.65)) saturate(1.2) brightness(1.3);text-shadow:0 0 8px rgba(255,255,255,.65)}
.theme-toggle{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(0,0,0,.25);background:#fff;color:#1b1b1b;padding:0;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;position:relative;overflow:hidden}
.theme-toggle .theme-icon{width:18px;height:18px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1) rotate(0deg);transform-origin:center;opacity:1;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease;will-change:transform,opacity}
.theme-toggle .theme-sun{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}
.theme-toggle .theme-moon{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(120deg)}
:root[data-theme="dark"] .theme-toggle{background:#0f1320;color:#f2f5f9;border-color:rgba(255,255,255,.2)}
:root[data-theme="dark"] .theme-toggle .theme-sun{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-120deg)}
:root[data-theme="dark"] .theme-toggle .theme-moon{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}
nav { margin-top: 12px; display:flex; gap:24px; align-items:center; font-size:13px; flex-wrap: wrap; }
nav a { color:#222; text-decoration:none; }
nav a:hover { color:var(--accent); }
nav a.active{color:var(--accent);font-weight:800;text-shadow:0 0 6px rgba(241,104,0,.35)}
nav.nav-hovering a.active{color:#222;text-shadow:none}
:root[data-theme="dark"] nav a { color:#e6edf5; }
:root[data-theme="dark"] nav a:hover { color:var(--accent); }
:root[data-theme="dark"] nav a.active{color:var(--accent);font-weight:800;text-shadow:0 0 8px rgba(255,138,50,.45)}
:root[data-theme="dark"] nav.nav-hovering a.active{color:#e6edf5;text-shadow:none}
.header-catalog-search{margin-left:auto;display:flex;align-items:center;position:relative;min-height:34px}
.catalog-search-toggle{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfbfa9;border-radius:999px;background:#fff;color:#50341e;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}
.catalog-search-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 14px rgba(95,59,34,.18);border-color:#c6a57f}
.catalog-search-toggle:focus-visible{outline:2px solid rgba(241,104,0,.45);outline-offset:2px}
.catalog-search-toggle-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.catalog-search-toggle-icon svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.catalog-search-panel{margin-left:0;width:0;opacity:0;overflow:hidden;display:flex;align-items:center;gap:8px;pointer-events:none;transform:translateX(10px);transition:width .32s cubic-bezier(.22,.9,.28,1),opacity .2s ease,transform .32s cubic-bezier(.22,.9,.28,1),margin-left .32s cubic-bezier(.22,.9,.28,1);position:relative}
.header-catalog-search.is-open .catalog-search-toggle{display:none}
.header-catalog-search.is-open .catalog-search-panel{width:min(44vw,420px);opacity:1;pointer-events:auto;transform:none;margin-left:0;overflow:visible}
.catalog-search-field{flex:1;display:flex;align-items:center;gap:4px;border:1px solid #d7c8b6;background:#fff;border-radius:999px;padding:0 8px 0 12px;height:36px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.catalog-search-field.is-dragover{border-color:#d08843;background:#fff4e8;box-shadow:0 0 0 2px rgba(208,136,67,.18)}
.catalog-search-filter-btn{width:26px;height:26px;border:1px solid #dcc9b4;border-radius:999px;background:#fff;color:#7b5f48;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;transition:background .16s ease,color .16s ease,border-color .16s ease}
.catalog-search-filter-btn svg{width:13px;height:13px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.catalog-search-filter-btn:hover{background:#fff4e8;border-color:#cfb08b;color:#6c4827}
.catalog-search-filter-btn.is-active{background:#f6e0c8;border-color:#bc8850;color:#5f3f23}
.catalog-search-filter-btn:focus-visible{outline:2px solid rgba(241,104,0,.45);outline-offset:2px}
.catalog-search-field input{flex:1;min-width:0;border:0;background:transparent;color:#1f1f1f;font-size:13px;outline:none}
.catalog-search-field input::placeholder{color:#8f7d6c}
.catalog-search-inline-visual-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:#6a4f39;cursor:pointer;flex:0 0 auto;transition:background .18s ease,color .18s ease,transform .18s ease}
.catalog-search-inline-visual-btn svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.catalog-search-inline-visual-btn:hover{background:#f4e4d2;color:#3f2b1a;transform:translateY(-1px)}
.catalog-search-inline-visual-btn:focus-visible{outline:2px solid rgba(241,104,0,.45);outline-offset:2px}
.catalog-search-help-btn{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ccb89f;border-radius:999px;background:#fff6ea;color:#7a5b3d;font-size:11px;font-weight:800;line-height:1;cursor:pointer;flex:0 0 auto;padding:0;transition:background .16s ease,color .16s ease,border-color .16s ease}
.catalog-search-help-btn:hover{background:#f7e7d5;border-color:#c39a6f;color:#5e4127}
.catalog-search-help-btn:focus-visible{outline:2px solid rgba(241,104,0,.45);outline-offset:2px}
.catalog-search-help-tooltip{position:absolute;right:6px;top:calc(100% + 8px);max-width:min(78vw,280px);padding:8px 10px;border:1px solid #d8c4ad;border-radius:10px;background:#fffdf9;color:#5b412c;font-size:12px;line-height:1.35;box-shadow:0 10px 24px rgba(27,18,12,.18);z-index:8}
.catalog-search-help-tooltip::before{content:"";position:absolute;right:8px;top:-6px;width:10px;height:10px;background:#fffdf9;border-left:1px solid #d8c4ad;border-top:1px solid #d8c4ad;transform:rotate(45deg)}
.catalog-search-help-btn:hover + .catalog-search-help-tooltip,
.catalog-search-help-btn:focus-visible + .catalog-search-help-tooltip{display:block}
.catalog-search-filters{position:absolute;left:0;top:44px;display:flex;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid #d8c8b6;border-radius:10px;background:#fff;box-shadow:0 10px 22px rgba(40,31,23,.16);z-index:6;max-width:min(92vw,380px)}
.catalog-search-filter-option{border:1px solid #dcc9b4;background:#fff;color:#5b412b;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;line-height:1.1}
.catalog-search-filter-option:hover{background:#fff4e8;border-color:#cfb08b}
.catalog-search-filter-option.is-active{background:#f6e0c8;border-color:#bc8850;color:#4a2f18}
.catalog-search-filter-option:focus-visible{outline:2px solid rgba(241,104,0,.45);outline-offset:1px}
.catalog-search-close-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7c8b6;border-radius:999px;background:#fff;color:#6a4f39;cursor:pointer;flex:0 0 auto;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.catalog-search-close-btn svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.catalog-search-close-btn:hover{background:#f9f2ea;color:#3f2b1a;border-color:#cdb191;transform:translateY(-1px)}
.catalog-search-close-btn:focus-visible{outline:2px solid rgba(241,104,0,.45);outline-offset:2px}
.catalog-visual-results{position:absolute;left:0;right:0;top:44px;max-height:min(62vh,460px);overflow:auto;display:grid;gap:8px;padding:10px;border:1px solid #d8c8b6;border-radius:12px;background:#fff;box-shadow:0 14px 26px rgba(40,31,23,.18);z-index:5}
.catalog-visual-results[hidden]{display:none}
.catalog-visual-result-card{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;padding:7px;border:1px solid #ead8c5;border-radius:10px;background:#fffdfa}
.catalog-visual-result-thumb{width:56px;height:56px;border:1px solid #d8c7b3;border-radius:8px;object-fit:cover;background:#fff}
.catalog-visual-result-meta{min-width:0}
.catalog-visual-result-name{font-size:13px;line-height:1.2;font-weight:700;color:#3b2a1b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-visual-result-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.catalog-visual-result-score{font-size:11px;font-weight:700;color:#6f4a2c;white-space:nowrap}
.catalog-visual-result-cat{font-size:11px;color:#7b6959;margin-top:2px}
.catalog-visual-result-links{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.catalog-visual-result-link{font-size:11px;font-weight:700;font-family:inherit;text-decoration:none;padding:4px 8px;border-radius:999px;border:1px solid #cfb494;background:#fff5e9;color:#5a391e;cursor:pointer}
.catalog-visual-result-link:hover{background:#fce8d3}
.catalog-visual-status{padding:10px;border:1px dashed #c7b39f;border-radius:10px;background:#fcf7f0;font-size:13px;color:#6a4f39;font-weight:600}
.catalog-share-menu{position:fixed;left:0;top:0;display:grid;gap:4px;min-width:168px;padding:8px;border:1px solid #d7c4ae;border-radius:12px;background:#fff;box-shadow:0 14px 26px rgba(24,17,11,.24);z-index:1700}
.catalog-share-menu[hidden]{display:none}
.catalog-share-menu-btn{appearance:none;border:1px solid #e0cdb8;border-radius:9px;background:#fff8ef;color:#5f3f23;font-size:13px;font-weight:700;line-height:1.2;padding:8px 10px;text-align:left;cursor:pointer}
.catalog-share-menu-btn:hover{background:#fcead8;border-color:#cfb08a}
.catalog-share-menu-btn:focus-visible{outline:2px solid rgba(241,104,0,.45);outline-offset:1px}
.catalog-share-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,12px);opacity:0;padding:9px 13px;border-radius:999px;border:1px solid #d8c4ad;background:rgba(23,18,13,.95);color:#fff;font-size:12px;font-weight:700;z-index:1800;pointer-events:none;transition:opacity .2s ease,transform .2s ease;max-width:min(92vw,420px);text-align:center}
.catalog-share-toast.is-visible{opacity:1;transform:translate(-50%,0)}
:root[data-theme="dark"] .catalog-share-menu{background:#121c2e;border-color:#3c4f6b;box-shadow:0 16px 28px rgba(0,0,0,.5)}
:root[data-theme="dark"] .catalog-share-menu-btn{background:#1b2a3f;border-color:#41597a;color:#f2dfc7}
:root[data-theme="dark"] .catalog-share-menu-btn:hover{background:#263a58;border-color:#6883a8}
:root[data-theme="dark"] .catalog-share-toast{background:rgba(7,12,18,.96);border-color:#4e6483;color:#e6efff}
:root[data-theme="dark"] .catalog-search-toggle{background:#111827;color:#f0e2d1;border-color:#39485f}
:root[data-theme="dark"] .catalog-search-toggle:hover{box-shadow:0 10px 18px rgba(0,0,0,.35);border-color:#51698b}
:root[data-theme="dark"] .catalog-search-field{background:#111827;border-color:#3b4b61}
:root[data-theme="dark"] .catalog-search-field.is-dragover{background:#1a2738;border-color:#d18b46;box-shadow:0 0 0 2px rgba(209,139,70,.22)}
:root[data-theme="dark"] .catalog-search-filter-btn{background:#121c2e;border-color:#3b4b61;color:#d5b08c}
:root[data-theme="dark"] .catalog-search-filter-btn:hover{background:#1a2740;border-color:#5a6f91;color:#f3d7b3}
:root[data-theme="dark"] .catalog-search-filter-btn.is-active{background:#2a3a56;border-color:#8c6541;color:#ffd7ad}
:root[data-theme="dark"] .catalog-search-field input{color:#f4f8ff}
:root[data-theme="dark"] .catalog-search-field input::placeholder{color:#93a5bb}
:root[data-theme="dark"] .catalog-search-inline-visual-btn{color:#d8c4ad}
:root[data-theme="dark"] .catalog-search-inline-visual-btn:hover{background:#2b3a54;color:#f5dfc4}
:root[data-theme="dark"] .catalog-search-help-btn{background:#1f2c41;border-color:#5a708f;color:#d5e1f2}
:root[data-theme="dark"] .catalog-search-help-btn:hover{background:#2a3c59;border-color:#8aa0be;color:#f4fbff}
:root[data-theme="dark"] .catalog-search-help-tooltip{background:#182436;border-color:#3f536f;color:#d7e4f5;box-shadow:0 12px 24px rgba(0,0,0,.38)}
:root[data-theme="dark"] .catalog-search-help-tooltip::before{background:#182436;border-left-color:#3f536f;border-top-color:#3f536f}
:root[data-theme="dark"] .catalog-search-filters{background:#121c2e;border-color:#3b4b61;box-shadow:0 12px 24px rgba(0,0,0,.35)}
:root[data-theme="dark"] .catalog-search-filter-option{background:#121c2e;border-color:#3b4b61;color:#d7e2f3}
:root[data-theme="dark"] .catalog-search-filter-option:hover{background:#1a2740;border-color:#5a6f91}
:root[data-theme="dark"] .catalog-search-filter-option.is-active{background:#2a3a56;border-color:#8c6541;color:#ffd7ad}
:root[data-theme="dark"] .catalog-search-close-btn{background:#111827;color:#d8c4ad;border-color:#3b4b61}
:root[data-theme="dark"] .catalog-search-close-btn:hover{background:#162034;color:#f5dfc4;border-color:#5f7293}
:root[data-theme="dark"] .catalog-visual-results{background:#121c2e;border-color:#3b4b61;box-shadow:0 14px 26px rgba(0,0,0,.42)}
:root[data-theme="dark"] .catalog-visual-result-card{background:#162132;border-color:#2f3f56}
:root[data-theme="dark"] .catalog-visual-result-thumb{border-color:#394d68;background:#101829}
:root[data-theme="dark"] .catalog-visual-result-name{color:#e8eef7}
:root[data-theme="dark"] .catalog-visual-result-score{color:#ffd7ad}
:root[data-theme="dark"] .catalog-visual-result-cat{color:#b5c3d6}
:root[data-theme="dark"] .catalog-visual-result-link{background:#27364f;border-color:#435a7a;color:#f8ddbb}
:root[data-theme="dark"] .catalog-visual-result-link:hover{background:#324666}
:root[data-theme="dark"] .catalog-visual-status{background:#182436;border-color:#3b4d67;color:#d4e0ef}
.btn { margin-left:auto; background:var(--accent); color:#fff; border-radius:6px; padding:9px 18px; font-weight:700; text-decoration:none; }
.mosaic-strip { height:22px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-image: var(--mosaic-strip-image), repeating-linear-gradient(90deg,#2b5a7f 0 22px,#e9d4b4 22px 44px,#872f2d 44px 66px,#f3f1e8 66px 88px,#3f8b8a 88px 110px,#d77855 110px 132px,#1d2d45 132px 154px,#dbb2a6 154px 176px); background-size: auto 100%, auto; background-repeat: repeat-x, repeat; background-position:center; }
:root[data-theme="dark"] .mosaic-strip { border-top-color:#1e2631; border-bottom-color:#1e2631; }
.overlay-active header.top{opacity:0;pointer-events:none}
section { padding: 28px; }
h1 { margin:0 0 12px; font-size: 62px; }
h2 { margin:0 0 8px; font-size: 42px; }
h3 { margin:0 0 8px; font-size: 24px; }
p { margin:0; font-size:15px; line-height:1.5; color:#333; }
:root[data-theme="dark"] p { color:#c7cfdb; }
.panel { border-top:1px solid #e2e2e2; }
:root[data-theme="dark"] .panel { border-top-color:#1e2631; }
.grid { display:grid; gap:16px; }
.cards { display:flex; justify-content: space-around; margin-top: 34px; gap: 18px; }
.tile-card { color:inherit; text-align:center; text-decoration:none; display:flex; }
.tile-card img { width:110px; height:110px; object-fit:cover; border:1px solid #bbb; display:block; margin:0 auto 4px; }
.tile-card span { font-size: 13px; color:#444; }
.tile-card-title{font-size:20px;font-weight:700;color:#1d1d1d}
.tile-card-description{display:block;font-size:13px;line-height:1.45;color:#5b4a3a;max-width:230px}
:root[data-theme="dark"] .tile-card-title{color:#f2f5f9}
:root[data-theme="dark"] .tile-card-description{color:#c7cfdb}

.tile-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 10px 8px;transition:transform .18s ease, box-shadow .18s ease}
.tile-card:hover{transform:scale(1.05)}
.tapetes-cta-wrap{padding:20px 28px}

.hero { border:1px solid #d4d4d4; margin:4px; width:calc(100% - 8px); height:clamp(220px, 38vw, 460px); overflow:hidden; position:relative; transition:height .25s ease; background:#f4f4f4; }
:root[data-theme="dark"] .hero{border-color:#2a3442;background:#0f1520}
.slides { position:relative; width:100%; height:100%; touch-action: pan-y; }
.slide { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; transition: opacity .35s ease; background: var(--slide-bg,#ddd); }
.slide-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#f2f2f2}
:root[data-theme="dark"] .slide-media{background:#0f1520}
.slide .promo{position:relative;z-index:1}
.slide.active { opacity:1; }
.promo { transform:rotate(-8deg); background:#ffd200; border:6px solid #db0c0c; padding:18px 24px; text-align:center; box-shadow:0 6px 18px rgba(0,0,0,.35); max-width: 90%; }
.promo strong { display:block; font-size: clamp(26px,4.6vw,56px); line-height: .95; }
.promo span { display:block; margin-top:8px; font-size: clamp(16px,2vw,24px); }
.dots { display:flex; justify-content:center; gap:8px; margin:10px 0 8px; }
.dots button { width:11px; height:11px; border-radius:50%; border:0; background:#c8c8c8; cursor:pointer; }
.dots button.active { background:#777; }
.note { margin-top: 14px; font-size: 13px; color: var(--muted); }

.model-search-row{display:flex;gap:10px;flex-wrap:wrap}
.model-search{margin-top:8px;max-width:190px;position:relative}
.model-search input{width:100%;padding:7px 10px;border:1px solid #c7c7c7;border-radius:6px;font-size:12px}
.model-search-results{margin-top:6px;border:1px solid #e2e2e2;border-radius:6px;max-height:96px;overflow:auto;background:#fff}
.model-search-item{display:block;width:100%;border:0;border-bottom:1px solid #f0f0f0;background:#fff;text-align:left;padding:7px 9px;cursor:pointer;font-size:12px;color:#444}
.model-search-item:disabled{opacity:1}
.model-search-item:last-child{border-bottom:0}
.model-search-item:hover{background:#f8f8f8}
.model-search-item.active{background:#fff4e8;color:#b45600;font-weight:700}
.model-search-item.is-current{cursor:default}
.model-search-item.is-current:hover{background:#fff4e8}
.model-search-item.is-blocked{opacity:.55;cursor:not-allowed;background:#f7f7f7;color:#777}
.model-search-item.is-blocked:hover{background:#f7f7f7}
.model-search-item small{display:block;font-size:11px;line-height:1.25;color:#8a4b17;margin-top:2px}
.model-search-empty{padding:8px 9px;font-size:12px;color:#777}
.model-search-results.is-carousel{max-height:none;height:96px;overflow:hidden;padding:0}
.model-search-carousel{position:relative;width:100%;height:100%}
.model-search-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;cursor:grab;touch-action:pan-x pinch-zoom;-webkit-overflow-scrolling:touch}
.model-search-track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.model-search-track.is-wheeling{scroll-snap-type:none}
.model-search-track::-webkit-scrollbar{display:none}
.model-search-track{-ms-overflow-style:none;scrollbar-width:none}
.model-search-track,.model-search-track *{user-select:none;-webkit-user-select:none}
.model-search-results.is-carousel .model-search-item{flex:0 0 100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:4px 24px 2px;border:0;border-bottom:0;scroll-snap-align:start}
.model-search-results.is-carousel .model-search-item.active{background:#fff4e8;color:#b45600;font-weight:700}
.model-search-results.is-carousel .model-search-item.is-current{opacity:1}
.model-search-results.is-carousel .model-search-item.is-blocked{opacity:.55}
.model-search-results.is-carousel .model-search-item small{font-size:10px;line-height:1.1;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model-search-media{width:100%;min-height:0;height:64px;display:flex;align-items:center;justify-content:center;flex:none}
.model-search-img{display:block;max-width:100%;max-height:56px;object-fit:contain;object-position:center center}
.model-search-title{width:100%;font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.model-search-media.cenefa{align-items:center}
.model-search-cenefa-pair{display:flex;align-items:flex-end;justify-content:center;gap:8px;width:100%}
.model-search-media.cenefa > .model-search-cenefa-pair{gap:10px}
.model-search-media.cenefa > .model-search-cenefa-pair .model-search-piece.cenefa{width:48px;height:48px}
.model-search-media.cenefa > .model-search-cenefa-pair .model-search-piece.cenefa.is-rect{width:126px;height:auto;aspect-ratio:895/301}
.model-search-media.cenefa > .model-search-cenefa-pair .model-search-piece.cenefa.is-rect-2x1{width:96px;height:auto;aspect-ratio:596/301}
.model-search-media.cenefa > .model-search-cenefa-pair .model-search-piece.esquina{width:48px;height:48px}
.model-search-cenefa-stack{display:grid;gap:6px;width:100%;justify-items:center;align-content:center;padding-top:2px}
.model-search-cenefa-stack .model-search-cenefa-pair{gap:6px}
.model-search-cenefa-stack .model-search-piece.cenefa{width:30px;height:30px}
.model-search-cenefa-stack .model-search-piece.cenefa.is-rect{width:84px;height:auto;aspect-ratio:895/301}
.model-search-cenefa-stack .model-search-piece.cenefa.is-rect-2x1{width:60px;height:auto;aspect-ratio:596/301}
.model-search-cenefa-stack .model-search-piece.esquina{width:30px;height:30px}
.model-search-item.has-cenefa-stack .model-search-title{margin-top:6px}
.model-search-piece{border:1px solid #d9d9d9;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}
.model-search-piece.cenefa{width:34px;height:34px}
.model-search-piece.cenefa.is-rect{width:96px;height:auto;aspect-ratio:895/301}
.model-search-piece.cenefa.is-rect-2x1{width:68px;height:auto;aspect-ratio:596/301}
.model-search-piece.esquina{width:34px;height:34px}
.model-search-piece-img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}
.model-search-img,.model-search-piece-img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.model-search-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border:1px solid #f2d8b4;
  border-radius:999px;
  background:linear-gradient(180deg,#fff9f2 0%,#ffe8cc 100%);
  color:#9a5813;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
  z-index:2;
  line-height:1;
  font-size:17px;
  font-weight:800;
  box-shadow:0 2px 7px rgba(165,94,21,.22);
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}
.model-search-nav:hover{
  transform:translateY(-50%) scale(1.08);
  background:linear-gradient(180deg,#fff6ea 0%,#ffdcae 100%);
  box-shadow:0 4px 10px rgba(165,94,21,.28);
}
.model-search-nav:active{
  transform:translateY(-50%) scale(.97);
}
.model-search-nav.prev{left:4px}
.model-search-nav.next{right:4px}
.model-search-nav:disabled{
  opacity:.35;
  cursor:default;
  transform:translateY(-50%);
  box-shadow:none;
}
.model-search-counter{position:absolute;right:6px;bottom:2px;font-size:10px;line-height:1;color:#666;background:rgba(255,255,255,.9);padding:1px 4px;border-radius:8px}
:root[data-theme="dark"] .model-search input{background:#0f1520;border-color:#2a3442;color:#e6edf5}
:root[data-theme="dark"] .model-search input::placeholder{color:#8f9bad}
:root[data-theme="dark"] .model-search-results{background:#0f1520;border-color:#2a3442}
:root[data-theme="dark"] .model-search-item{background:#0f1520;color:#c7cfdb}
:root[data-theme="dark"] .model-search-item:hover{background:#152032}
:root[data-theme="dark"] .model-search-item.active{background:#21304a;color:#ffd39f}
:root[data-theme="dark"] .model-search-item.is-current:hover{background:#21304a}
:root[data-theme="dark"] .model-search-item.is-blocked{background:#121926;color:#8f9bad}
:root[data-theme="dark"] .model-search-item.is-blocked:hover{background:#121926}
:root[data-theme="dark"] .model-search-item small{color:#e9bf8f}
:root[data-theme="dark"] .model-search-empty{color:#9aa7b8}
:root[data-theme="dark"] .model-search-piece{border-color:#2a3442;background:#111923}
:root[data-theme="dark"] .model-search-nav{
  border-color:#5b6f8d;
  background:linear-gradient(180deg,#2b3a52 0%,#1d2a3d 100%);
  color:#f8d29f;
  box-shadow:0 2px 8px rgba(0,0,0,.36);
}
:root[data-theme="dark"] .model-search-nav:hover{
  background:linear-gradient(180deg,#344866 0%,#24354d 100%);
  box-shadow:0 5px 12px rgba(0,0,0,.42);
}
:root[data-theme="dark"] .model-search-counter{color:#d6e1ee;background:rgba(20,30,44,.86)}
@media (max-width:600px){
  .model-search-media.cenefa > .model-search-cenefa-pair{gap:6px}
  .model-search-media.cenefa > .model-search-cenefa-pair .model-search-piece.cenefa.is-rect{width:102px}
  .model-search-media.cenefa > .model-search-cenefa-pair .model-search-piece.cenefa.is-rect-2x1{width:80px}
  .model-search-media.cenefa > .model-search-cenefa-pair .model-search-piece.esquina{width:40px;height:40px}
  .model-search-cenefa-stack{gap:5px}
  .model-search-cenefa-stack .model-search-piece.cenefa.is-rect{width:72px}
  .model-search-cenefa-stack .model-search-piece.cenefa.is-rect-2x1{width:52px}
  .model-search-cenefa-stack .model-search-piece.esquina{width:26px;height:26px}
}

footer { border-top:1px solid #e2e2e2; padding:22px 28px; font-size:13px; color:#666; }

.content-panel{padding:24px 28px}
.content-panel-pretty{background:linear-gradient(180deg,#fff 0%,#f9f4ec 100%);border:1px solid #eadfce;border-radius:14px;box-shadow:0 12px 24px rgba(0,0,0,.06);margin:18px 18px 0}
.content-panel h2{margin-bottom:8px}
.content-lead{font-size:16px;color:#5a4637;margin-bottom:10px}
.content-panel .content-list{margin:14px 0 0;padding-left:0;display:grid;gap:12px;color:#2f2f2f;line-height:1.6;list-style:none}
.content-panel .content-list li{background:#fffdf9;border:1px solid #eadfce;border-radius:12px;padding:14px 16px;list-style-position:inside}

.content-accordion{display:grid;gap:10px;margin-top:14px}
.content-item{border:1px solid #e4d7c4;border-radius:10px;background:#fffaf3;overflow:hidden}
.content-item summary{list-style:none;cursor:pointer;padding:12px 14px;background:linear-gradient(90deg,#f8e6ce 0%,#f4d8b7 100%);color:#473322;font-size:17px}
.content-item summary::-webkit-details-marker{display:none}
.content-item[open] summary{background:linear-gradient(90deg,#f6dfbe 0%,#efcfa9 100%)}
.content-item p{padding:12px 14px;color:#3b3b3b}
:root[data-theme="dark"] .content-panel-pretty{background:linear-gradient(180deg,#141b26 0%,#111823 100%);border-color:#2a3442;box-shadow:0 12px 24px rgba(0,0,0,.35)}
:root[data-theme="dark"] .content-lead{color:#c7cfdb}
:root[data-theme="dark"] .content-panel .content-list{color:#c7cfdb}
:root[data-theme="dark"] .content-panel .content-list li{background:#121a26;border-color:#2a3442;color:#c7cfdb}
:root[data-theme="dark"] .content-item{border-color:#2a3442;background:#121a26}
:root[data-theme="dark"] .content-item summary{background:linear-gradient(90deg,#1b2636 0%,#162131 100%);color:#e6edf5}
:root[data-theme="dark"] .content-item[open] summary{background:linear-gradient(90deg,#1f2b3d 0%,#192434 100%)}
:root[data-theme="dark"] .content-item p{color:#c7cfdb}

.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:14px}
.category-card img{width:100%;height:130px;object-fit:cover;border:1px solid #ccc}
.category-card a{display:inline-block;margin-top:8px;text-decoration:none;font-size:12px}
.mosaic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mosaic-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #cfcfcf}
.mosaic-card{scroll-margin-top:var(--model-focus-scroll-margin,84px)}
.mosaic-card img.mosaic-preview-rect1030{width:min(100%,177px);height:auto;aspect-ratio:auto;object-fit:unset;object-position:center center;display:block;margin-inline:auto;box-sizing:border-box}
.mosaic-card img.mosaic-preview-rect1020{width:min(100%,118px);height:auto;aspect-ratio:auto;object-fit:unset;object-position:center center;display:block;margin-inline:auto;box-sizing:border-box}
.mosaic-card img.mosaic-preview-corner1030{width:min(100%,59px);aspect-ratio:1/1;object-fit:contain;object-position:center center;display:block;margin-inline:auto}
.mosaic-card img.mosaic-preview-corner1020{width:min(100%,59px);aspect-ratio:1/1;object-fit:contain;object-position:center center;display:block;margin-inline:auto}
.mosaic-card .code{font-size:11px;color:#666;letter-spacing:.3px;margin:6px 0 2px}
.mosaic-card .name{font-size:14px;margin:4px 0 6px}
.mosaic-card .action{display:inline-block;text-decoration:none;font-size:12px}
.mosaic-card,.special-card{content-visibility:auto;contain-intrinsic-size:240px 320px}
.mosaic-card.model-focus{
  outline:3px solid #f0b36f;
  outline-offset:6px;
  border-radius:12px;
  box-shadow:0 12px 30px rgba(240,179,111,0.25);
  animation:model-focus-pulse 1.6s ease-in-out 2;
}
.mosaic-card.model-focus img{border-color:#f0b36f}
@keyframes model-focus-pulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.empty-msg{grid-column:1/-1;padding:12px;border:1px dashed #bbb;background:#fafafa;color:#444}
.catalog-search-empty-msg{margin:4px 0 12px;padding:12px 14px;border:1px dashed #c6b7a6;border-radius:10px;background:#fcf8f2;color:#67513b;font-size:14px;font-weight:600}
:root[data-theme="dark"] .catalog-search-empty-msg{border-color:#3b4a60;background:#131e2e;color:#d6e3f7}
.custom-wrap{display:grid;grid-template-columns:1fr 160px 1.4fr;gap:14px;align-items:start}
.extra-editors{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:10px}
.extra-editor{max-width:none;aspect-ratio:1/1}
.vector-editor{width:100%;max-width:300px;aspect-ratio:1;border:1px solid #888;background:#fff;padding:8px}
.vector-editor.rect-3x1{max-width:895px;aspect-ratio:895/301}
.extra-editor.rect-3x1{aspect-ratio:895/301;max-width:360px}
.vector-editor.rect-2x1{max-width:596px;aspect-ratio:596/301}
.extra-editor.rect-2x1{aspect-ratio:596/301;max-width:300px}
.vector-editor svg,.editable-svg{width:100%;height:100%;display:block}
.editable-png{width:100%;height:100%;object-fit:contain;display:block}
.vector-canvas{width:100%;height:100%;display:block;cursor:crosshair;border:1px solid #999;background:#fff}
.preview-big{width:100%;aspect-ratio:12/8;border:1px solid #888;background:#f2f2f2;overflow:hidden;position:relative;--preview-perspective:520px;--preview-tilt:12deg}
.preview-big.preview-format1{width:92%;margin-inline:auto;aspect-ratio:3287/2392}
.preview-big.preview-format2{width:92%;margin-inline:auto;aspect-ratio:6562/4178}
.preview-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}
.preview-tab{border:1px solid #d4c2a8;background:#fff7ed;color:#3a2a1a;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.preview-tab:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(241,104,0,.18)}
.preview-tab.active{background:linear-gradient(90deg,#f6d2a6 0%,#f2bf88 100%);border-color:#e7ad6a;box-shadow:0 10px 22px rgba(241,104,0,.28)}
.preview-tab:focus-visible{outline:2px solid #1e4a68;outline-offset:2px}
.preview-stage{position:absolute;inset:0}
.preview-stage[hidden]{display:none}
.preview-3d-wrap{position:relative;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,#fdf6ec 0%,#f4e8db 55%,#eadccf 100%)}
.preview-3d-canvas{width:100%;height:100%;display:block}
.preview-3d-chip{position:absolute;bottom:12px;left:12px;background:rgba(255,255,255,.8);border:1px solid #e4d2be;border-radius:999px;padding:4px 10px;font-size:11px;color:#5b4b3a;box-shadow:0 8px 16px rgba(0,0,0,.08)}
.preview-3d-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#6b5b49;font-size:13px;padding:16px;background:rgba(255,255,255,.55);backdrop-filter:blur(2px)}
.preview-loader[hidden]{display:none!important}
.preview-loader{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:clamp(10px,3vw,24px);background:linear-gradient(160deg,rgba(253,246,236,.92),rgba(244,232,219,.84));backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .28s ease;overflow:hidden}
.preview-loader.is-visible{opacity:1;pointer-events:auto}
.preview-loader-card{width:min(100%,28rem,88vw);max-width:28rem;max-height:100%;min-height:0;overflow:hidden;padding:clamp(12px,3vw,22px);border-radius:clamp(18px,4vw,28px);border:1px solid rgba(184,136,79,.24);background:linear-gradient(180deg,rgba(255,252,246,.98),rgba(248,237,223,.94));box-shadow:0 20px 42px rgba(91,56,21,.16);display:grid;grid-template-rows:auto auto auto;gap:clamp(6px,1.8vw,12px);justify-items:center;align-items:center;text-align:center}
.preview-loader-art{width:min(100%,18.5rem,56vw);height:min(12.4rem,30vh);min-height:0;display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.preview-loader-illustration{width:100%;height:100%;display:block;overflow:hidden}
.preview-loader-title{font-size:clamp(15px,2.2vw,20px);line-height:1.25;color:#3d2718;max-width:28ch}
.preview-loader-note{margin:0;font-size:clamp(12px,1.8vw,13px);line-height:1.45;color:#6d5543;max-width:30ch}
.preview-loader-art.has-center-art .preview-loader-illustration{filter:drop-shadow(0 16px 18px rgba(119,72,25,.12))}
.preview-loader-illustration .loader-board{transform-box:fill-box;transform-origin:center;animation:preview-loader-board-tilt 3.4s ease-in-out infinite}
.preview-loader-illustration .loader-board-aura{animation:preview-loader-aura 2.8s ease-in-out infinite}
.preview-loader-illustration .loader-board-frame{filter:drop-shadow(0 12px 20px rgba(133,87,37,.18))}
.preview-loader-illustration .loader-board-inner{stroke:rgba(255,247,232,.78);stroke-width:2}
.preview-loader-illustration .loader-center-art{transform-box:fill-box;transform-origin:center;filter:saturate(1.16) contrast(1.04) brightness(1.02);animation:preview-loader-art-breathe 3.1s ease-in-out infinite}
.preview-loader-illustration .loader-center-art.is-empty{opacity:0}
.preview-loader-illustration .loader-center-grout{fill:none;stroke:rgba(255,248,239,.45);stroke-width:2.2;stroke-linecap:round;opacity:.52;animation:preview-loader-grout 2.6s ease-in-out infinite}
.preview-loader-illustration .loader-center-ink{fill:none;stroke:url(#loaderBristles);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;opacity:.72;animation:preview-loader-ink 1.8s ease-in-out infinite}
.preview-loader-illustration .loader-center-gloss{fill:url(#loaderPaintGlow);opacity:.42;animation:preview-loader-gloss 1.8s ease-in-out infinite}
.preview-loader-illustration .loader-board-edge{fill:none;stroke:rgba(255,248,236,.72);stroke-width:3}
.preview-loader-illustration .loader-brush-group{transform-box:fill-box;transform-origin:26% 72%;animation:preview-loader-brush-swing 1.75s ease-in-out infinite}
.preview-loader-illustration .loader-brush-tip{animation:preview-loader-tip-glow 1.75s ease-in-out infinite}
.preview-loader-illustration .loader-paint-trail{fill:none;stroke:#20a99a;stroke-width:6;stroke-linecap:round;stroke-dasharray:10 16;animation:preview-loader-trail 1.5s linear infinite}
.preview-loader-illustration .loader-spark{transform-box:fill-box;transform-origin:center;opacity:0;animation:preview-loader-spark-pop 1.8s ease-in-out infinite}
.preview-loader-illustration .loader-spark-2{animation-delay:.45s}
.preview-loader-illustration .loader-spark-3{animation-delay:.9s}
.preview-loader-illustration .loader-tile{stroke:rgba(255,255,255,.58);stroke-width:2;animation:preview-loader-tile-shimmer 2.2s ease-in-out infinite}
.preview-loader-illustration .loader-tile-1{fill:#f06a4b}
.preview-loader-illustration .loader-tile-2{fill:#efb73f;animation-delay:.12s}
.preview-loader-illustration .loader-tile-3{fill:#2ea39e;animation-delay:.24s}
.preview-loader-illustration .loader-tile-4{fill:#5f4bb7;animation-delay:.36s}
.preview-loader-illustration .loader-tile-5{fill:#fff3dc;animation-delay:.48s}
.preview-loader-illustration .loader-tile-6{fill:#f58f5d;animation-delay:.6s}
.preview-loader-illustration .loader-tile-7{fill:#2f8ec8;animation-delay:.72s}
.preview-loader-illustration .loader-tile-8{fill:#d95b68;animation-delay:.84s}
.preview-loader-illustration .loader-tile-9{fill:#2fbf88;animation-delay:.96s}
.preview-loader-illustration .loader-tile-10{fill:#f0b13f;animation-delay:1.08s}
.preview-loader-illustration .loader-tile-11{fill:#24a1c4;animation-delay:1.2s}
.preview-loader-illustration .loader-tile-12{fill:#f27445;animation-delay:1.32s}
.preview-loader-illustration .loader-tile-13{fill:#4f86d9;animation-delay:1.44s}
.preview-loader-illustration .loader-tile-14{fill:#ffde76;animation-delay:1.56s}
.preview-loader-illustration .loader-tile-15{fill:#33b79f;animation-delay:1.68s}
.preview-loader-illustration .loader-tile-16{fill:#d9608b;animation-delay:1.8s}
.preview-loader-illustration .loader-tile-mark{fill:none;stroke:#fff6ea;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.92}
.preview-loader-illustration .loader-board-shine{animation:preview-loader-shine 2.4s ease-in-out infinite}
.preview-loader-illustration .loader-brush-handle{fill:none;stroke:url(#loaderHandle);stroke-width:11;stroke-linecap:round}
.preview-loader-illustration .loader-brush-ferrule{fill:url(#loaderMetal)}
.preview-loader-illustration .loader-brush-tip{fill:url(#loaderBristles)}
.preview-loader-illustration .loader-hand{fill:#f2c38b}
.preview-loader-illustration .loader-hand-detail{fill:none;stroke:#d39466;stroke-width:3.2;stroke-linecap:round}
.preview-loader-illustration .loader-floor-shadow{animation:preview-loader-shadow-pulse 3.1s ease-in-out infinite}
.preview-tab:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}
.preview-tab:disabled:hover{transform:none}
:root[data-theme="dark"] .preview-tab{background:#1b2636;border-color:#2a3442;color:#e6edf5}
:root[data-theme="dark"] .preview-tab.active{background:linear-gradient(90deg,#2a4159 0%,#1f3448 100%);border-color:#3b5168}
:root[data-theme="dark"] .preview-3d-wrap{background:radial-gradient(circle at 20% 20%,#1b2230 0%,#121826 60%,#0f1520 100%)}
:root[data-theme="dark"] .preview-3d-chip{background:rgba(15,21,32,.75);border-color:#2a3442;color:#c7cfdb}
:root[data-theme="dark"] .preview-3d-empty{background:rgba(15,21,32,.55);color:#c7cfdb}
:root[data-theme="dark"] .preview-loader{background:linear-gradient(160deg,rgba(17,23,35,.92),rgba(12,18,30,.88))}
:root[data-theme="dark"] .preview-loader-card{background:linear-gradient(180deg,rgba(28,38,56,.96),rgba(18,26,40,.94));border-color:rgba(104,134,169,.28);box-shadow:0 20px 42px rgba(0,0,0,.35)}
:root[data-theme="dark"] .preview-loader-title{color:#f3efe8}
:root[data-theme="dark"] .preview-loader-note{color:#c5cfdb}
@keyframes preview-loader-board-tilt{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-2px)}}
@keyframes preview-loader-aura{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:.82;transform:scale(1.05)}}
@keyframes preview-loader-art-breathe{0%,100%{transform:scale(.985)}50%{transform:scale(1.02)}}
@keyframes preview-loader-brush-swing{0%,100%{transform:rotate(10deg) translateX(0)}35%{transform:rotate(-6deg) translateX(2px)}65%{transform:rotate(8deg) translateX(-1px)}}
@keyframes preview-loader-tip-glow{0%,100%{filter:drop-shadow(0 0 0 rgba(47,168,157,0))}50%{filter:drop-shadow(0 0 8px rgba(47,168,157,.6))}}
@keyframes preview-loader-grout{0%,100%{opacity:.3}50%{opacity:.62}}
@keyframes preview-loader-ink{0%,100%{opacity:.28;transform:translateX(-6px)}50%{opacity:.84;transform:translateX(0)}}
@keyframes preview-loader-gloss{0%,100%{opacity:.24;transform:translateX(-8px)}50%{opacity:.56;transform:translateX(6px)}}
@keyframes preview-loader-trail{from{stroke-dashoffset:0}to{stroke-dashoffset:-52}}
@keyframes preview-loader-tile-shimmer{0%,100%{filter:saturate(1) brightness(1)}40%{filter:saturate(1.12) brightness(1.12)}60%{filter:saturate(1.22) brightness(1.24)}}
@keyframes preview-loader-shine{0%,100%{opacity:.2}50%{opacity:.62}}
@keyframes preview-loader-spark-pop{0%,100%{transform:scale(.3);opacity:0}30%,55%{transform:scale(1);opacity:.9}}
@keyframes preview-loader-shadow-pulse{0%,100%{opacity:.72;transform:scaleX(1)}50%{opacity:.9;transform:scaleX(1.05)}}
@media (max-width:1100px){
  .preview-loader-card{width:min(100%,25rem,86vw)}
  .preview-loader-art{width:min(100%,15.5rem,48vw);height:min(10.2rem,26vh)}
}
@media (max-width:560px),(max-height:620px){
  .preview-loader-card{width:min(100%,24rem);padding:10px 10px 12px}
  .preview-loader-art{width:min(100%,14rem,58vw);height:min(8.8rem,22vh)}
  .preview-loader-title{font-size:14px}
  .preview-loader-note{font-size:11px}
}
.pattern-canvas{width:100%;height:100%;display:block}
.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.sw{height:34px;border:1px solid #999;cursor:pointer;position:relative;color:#fff;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.75);overflow:hidden}
.sw span{position:absolute;left:2px;right:2px;bottom:2px;letter-spacing:.1px;font-size:9px;line-height:1;text-align:center;white-space:nowrap}.sw span.long{font-size:8px}
.sw.active{outline:2px solid #111}
.side-box{border:1px solid #ddd;background:#f8f8f8;padding:12px}
:root[data-theme="dark"] .side-box{border-color:#2a3442;background:#121a26;color:#c7cfdb}
@media (max-width:980px){.decorated-layout{grid-template-columns:1fr}.quote-box h3{font-size:30px}.quote-top h4{font-size:32px}.cards{justify-content:flex-start}}
@media (max-width:760px){ .site{width:100%;margin:0;border-left:0;border-right:0}.btn{margin-left:0}.logo img{height:44px}h1{font-size:46px}h2{font-size:34px}.hero{height:260px}.category-grid,.mosaic-grid,.mosaic-grid-small{grid-template-columns:repeat(2,1fr)}.custom-wrap{grid-template-columns:1fr}.dark-cols{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr} }


.decorated-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;padding:22px 28px}
.home-sales-layout{grid-template-columns:minmax(0,1fr) auto 360px}
.mosaic-grid-wrap{min-width:0}
.mosaic-grid-small{grid-template-columns:repeat(4,minmax(140px,190px));width:max-content;max-width:100%;justify-items:center;gap:40px 18px}
.decorated-section-block{display:flex;flex-direction:column;align-items:stretch;margin-bottom:18px}
.decorated-section-block h3{margin:0 0 12px;font-size:28px}
.decorated-section-text{margin:0 0 18px;color:#444;line-height:1.5;white-space:normal}
.decorated-section-block .mosaic-grid-small{align-self:center}
.mosaic-grid-small .mosaic-card{width:100%;max-width:190px;margin:0 auto;text-align:center}
.mosaic-grid-small .mosaic-card img{max-width:118px;margin:0 auto;display:block}
.mosaic-grid-small .mosaic-card img.mosaic-preview-rect1030{max-width:177px;width:min(100%,177px);height:auto}
.mosaic-grid-small .mosaic-card img.mosaic-preview-rect1020{max-width:118px;width:min(100%,118px);height:auto}
.mosaic-grid-small .mosaic-card img.mosaic-preview-corner1030{max-width:59px;width:min(100%,59px)}
.mosaic-grid-small .mosaic-card img.mosaic-preview-corner1020{max-width:59px;width:min(100%,59px)}
.mosaic-grid-small .name{font-size:15px;font-weight:700;line-height:1.25}
.mosaic-grid-small .code{font-size:9px}
.quote-box{border:1px solid #ddd;background:linear-gradient(180deg,#ffffff 0%,#f8f8f8 100%);padding:18px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.home-sales-layout .quote-box .quote-toggle-btn{display:block;margin:0 auto}
.quote-top{padding-bottom:12px;border-bottom:1px solid #e3e3e3;margin-bottom:14px}
.quote-top h4{font-size:40px;line-height:1.04;margin:0 0 8px}
.quote-top p{margin:0 0 8px;font-size:14px;color:#333}
.quote-box h3{font-size:36px;margin:0 0 10px;line-height:1.05}
.quote-box p{font-size:15px;line-height:1.5;margin-bottom:12px;color:#333}
.quote-form{display:grid;gap:9px}
.quote-form input,.quote-form textarea{width:100%;border:1px solid #cfcfcf;border-radius:5px;padding:10px;font-size:14px;font-family:Arial,Helvetica,sans-serif;background:#fff}
.quote-submit{justify-self:end;padding:8px 20px}
:root[data-theme="dark"] .quote-box{border-color:#2a3442;background:linear-gradient(180deg,#151c28 0%,#101622 100%);box-shadow:0 10px 26px rgba(0,0,0,.35)}
:root[data-theme="dark"] .quote-top{border-bottom-color:#253041}
:root[data-theme="dark"] .quote-top p{color:#c7cfdb}
:root[data-theme="dark"] .quote-box p{color:#c7cfdb}
:root[data-theme="dark"] .quote-form input,
:root[data-theme="dark"] .quote-form textarea{background:#0f1520;border-color:#2a3442;color:#e6edf5}
:root[data-theme="dark"] .quote-form input::placeholder,
:root[data-theme="dark"] .quote-form textarea::placeholder{color:#8f9bad}
:root[data-theme="dark"] .quote-top-inline{border-color:#2a3442;background:linear-gradient(180deg,#151c28 0%,#101622 100%);box-shadow:0 10px 26px rgba(0,0,0,.35)}
:root[data-theme="dark"] .quote-top-inline p{color:#c7cfdb}

.quote-top-inline{border:1px solid #ddd;background:linear-gradient(180deg,#ffffff 0%,#f8f8f8 100%);padding:18px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.08);margin-top:16px}
.top-action-buttons{display:flex;gap:28px;flex-wrap:wrap;align-items:center;margin-top:18px}
.cta-pill.secondary{background:linear-gradient(90deg,#2f698f 0%,#1e4a68 100%) !important}

.control-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #c7c7c7;background:#ffffff;color:#222;box-shadow:0 2px 6px rgba(0,0,0,.12);padding:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.control-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.18)}
.control-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.control-btn .control-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] .control-btn{background:#111824;border-color:#2a3442;color:#f2f5f9;box-shadow:0 4px 12px rgba(0,0,0,.35)}
:root[data-theme="dark"] .control-btn:hover{box-shadow:0 6px 14px rgba(0,0,0,.45)}
.inline-quote-container{margin-top:14px;display:none}
.inline-quote-container.open{display:block}
.inline-quote-container.compact{margin-top:12px}
.inline-quote-container.compact h3{font-size:26px;margin:0 0 6px;line-height:1.1}
.inline-quote-container.compact p{font-size:13px;line-height:1.4;margin:0 0 8px}
.inline-quote-container.compact .quote-form{gap:6px}
.inline-quote-container.compact .quote-form input,
.inline-quote-container.compact .quote-form textarea{padding:8px 10px;font-size:13px}
.inline-quote-container.compact .quote-form textarea{min-height:110px}
.inline-quote-container.compact .quote-submit{padding:6px 18px;font-size:13px}
.inline-quote-container.compact .file-drop{margin:6px 0 4px;padding:8px}
.inline-quote-container.compact .file-drop-zone{padding:10px 8px}
.inline-quote-container.compact .file-drop-title{font-size:12px}
.inline-quote-container.compact .file-drop-hint{font-size:11px}
.inline-quote-container.compact .file-item{padding:6px 8px}
.inline-quote-container.compact .file-name{font-size:12px;max-width:200px}
.inline-quote-container.compact .file-size{font-size:11px}
.quote-toggle-btn{display:block;margin:6px auto 12px}
.quote-container-box{width:min(100%,360px);margin-left:auto;margin-right:auto}
.mosaic-options-grid{grid-template-columns:repeat(3,minmax(0,1fr));}

.mosaic-options-grid .category-card{display:grid;gap:12px;align-content:start;text-align:center}
.mosaic-options-grid .category-card > a{margin-top:0}
.mosaic-options-grid .category-image-link{display:block;border-radius:12px;overflow:hidden;box-shadow:0 8px 18px rgba(10,24,52,.12);transition:transform .2s ease,box-shadow .2s ease;outline:none}
.mosaic-options-grid .category-image-link:hover,
.mosaic-options-grid .category-image-link:focus-visible{transform:translateY(-2px);box-shadow:0 14px 28px rgba(10,24,52,.2)}
.mosaic-options-grid .category-card img{width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;object-position:center;border:1px solid #ccc;display:block}
.mosaic-options-grid .cta-pill{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;min-height:42px;font-size:15px !important}
.mosaic-direct-link{display:block;font-size:13px;font-weight:700}
.mosaic-options-grid .cta-pill-cenefas{background:linear-gradient(90deg,#9b6a42 0%,#7a4c2b 48%,#62381f 100%) !important;box-shadow:0 10px 22px rgba(84,50,27,.32);border:1px solid rgba(255,241,224,.42);position:relative;isolation:isolate}
.mosaic-options-grid .cta-pill-cenefas::after{content:"";position:absolute;inset:1px;border-radius:999px;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.mosaic-options-grid .cta-pill-cenefas:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 14px 26px rgba(84,50,27,.4)}
:root[data-theme="dark"] .mosaic-options-grid .cta-pill-cenefas{background:linear-gradient(90deg,#a37750 0%,#875733 45%,#6a3f24 100%) !important;box-shadow:0 12px 24px rgba(0,0,0,.5);border-color:rgba(255,236,209,.38)}
:root[data-theme="dark"] .mosaic-options-grid .category-image-link{box-shadow:0 10px 24px rgba(0,0,0,.38)}
:root[data-theme="dark"] .mosaic-options-grid .category-image-link:hover,
:root[data-theme="dark"] .mosaic-options-grid .category-image-link:focus-visible{box-shadow:0 16px 30px rgba(0,0,0,.5)}

.cta-pill{display:inline-block;padding:10px 14px !important;border-radius:999px !important;background:linear-gradient(90deg,#f39845 0%,#f16800 100%) !important;color:#fff !important;font-weight:700;letter-spacing:.2px;text-decoration:none !important;box-shadow:0 8px 18px rgba(241,104,0,.28);transition:transform .16s ease,box-shadow .16s ease;border:0}
.cta-pill:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 12px 24px rgba(241,104,0,.32)}

.mosaic-preview-trigger{cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease}
.mosaic-preview-trigger:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}


.mosaic-grid-small .cta-pill{padding:6px 10px !important;font-size:11px !important;box-shadow:0 6px 14px rgba(241,104,0,.24)}

.preview-mode-toggle{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 8px}
.preview-mode-btn{min-width:120px;text-align:center}
.preview-mode-btn.active{box-shadow:0 10px 22px rgba(241,104,0,.38);transform:translateY(-1px) scale(1.02)}
.preview-mode-toggle.is-disabled{display:none}
.preview-big.preview-bathroom{perspective:var(--preview-perspective);perspective-origin:center top;transform-style:preserve-3d}
.preview-big.preview-bathroom .pattern-tilt{transform:rotateX(var(--preview-tilt)) translateZ(0);transform-origin: center 200px;transform-style:preserve-3d}
.pattern-preview-wrap{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.pattern-tilt{position:relative;width:100%;height:100%;z-index:1;transform-style:preserve-3d}
.pattern-preview-wrap .pattern-canvas{display:block;width:100%;height:100%}
.preview-overlay-img{display:none}
.preview-big.preview-bathroom::after{content:"";position:absolute;inset:0;background-image:var(--bathroom-overlay);background-repeat:no-repeat;background-position:center;background-size:100% 100%;pointer-events:none;z-index:3;opacity:1}

.model-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px 16px;box-sizing:border-box;z-index:1600;pointer-events:none;opacity:0;transition:opacity .28s ease}
.model-overlay.open{opacity:1;pointer-events:auto}
.model-overlay.closing{opacity:0;pointer-events:none}
.model-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(1px);transition:background .28s ease}
.model-overlay-card{position:relative;width:min(94vw,calc((100vh - 96px) * 4 / 3),1320px);aspect-ratio:4/3;max-height:calc(100vh - 96px);margin:0;background:#111;box-shadow:0 24px 60px rgba(0,0,0,.45);overflow:hidden;border-radius:4px;display:block;transform:translateY(24px) scale(.96);opacity:0;transition:transform .3s ease,opacity .3s ease}
.model-overlay-card.format-1030{width:min(94vw,calc((100vh - 96px) * 3287 / 2392),1320px);aspect-ratio:3287/2392}
.model-overlay-card.format-1020{width:min(94vw,calc((100vh - 96px) * 6562 / 4178),1320px);aspect-ratio:6562/4178}
.model-overlay.open .model-overlay-card{transform:translateY(0) scale(1);opacity:1}
.model-overlay-close{position:absolute;right:10px;top:8px;z-index:3;border:0;background:rgba(0,0,0,.5);color:#fff;width:34px;height:34px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}
.model-overlay-pattern{position:absolute;inset:0;width:100%;height:100%;display:block;background:#f0f0f0;object-fit:contain}
.model-overlay-footer{position:absolute;left:0;right:0;bottom:0;z-index:2;height:46px;background:rgba(0,0,0,.72);color:#f7fbff;display:flex;align-items:center;padding:0 20px;font-size:13px;letter-spacing:.2px;backdrop-filter:blur(2px);border-top:1px solid rgba(255,255,255,.14);pointer-events:none}
.model-overlay-footer strong{display:block;width:100%;font-size:14px;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85)}

.compare-toggle{background:linear-gradient(90deg,#8b5a3c 0%,#6e432b 100%) !important}
.compare-toggle.active{box-shadow:0 0 0 3px rgba(139,90,60,.28),0 10px 24px rgba(110,67,43,.35) !important;transform:translateY(-1px)}
.mosaic-preview-trigger.compare-picked{outline:3px solid #7b2f2f;outline-offset:2px;box-shadow:0 10px 22px rgba(123,47,47,.35)}
.compare-mode-notice{margin:14px 2px 2px;padding:10px 12px;border-radius:10px;border:1px solid #d8b89e;background:#f5ebe3;color:#5f3926;font-size:14px;line-height:1.45}
:root[data-theme="dark"] .compare-mode-notice{border-color:#2a3442;background:#151c28;color:#d6dee9}
.compare-count-control{margin-top:12px;display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #d8c7b6;border-radius:999px;background:#fff}
.compare-count-label{font-size:13px;color:#5b412f;font-weight:700}
.compare-count-btn{width:28px;height:28px;border-radius:999px;border:1px solid #b89277;background:#f5ebe3;color:#5f3926;font-size:18px;line-height:1;cursor:pointer}
.compare-count-btn:disabled{opacity:.5;cursor:not-allowed}
.compare-count-value{min-width:20px;text-align:center;font-size:16px;color:#4d301f}
.model-overlay-compare .model-overlay-compare-wrap{position:relative;width:min(96vw,1600px);margin:0 auto}
.model-overlay-compare .model-overlay-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.model-overlay-compare .model-overlay-card{width:100%;max-height:88vh;aspect-ratio:4/3;margin:0;position:relative}
.model-overlay-compare .model-overlay-card.format-1030{aspect-ratio:3287/2392}
.model-overlay-compare .model-overlay-card.format-1020{aspect-ratio:6562/4178}
@media (max-width:900px){.model-overlay-compare .model-overlay-compare-wrap{width:min(98vw,1600px);margin:1.5vh auto 0}.model-overlay-compare .model-overlay-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.model-overlay-compare .model-overlay-card{max-height:calc(100vh - 54px)}}
@media (max-width:600px){.model-overlay-compare .model-overlay-compare-wrap{width:96vw;margin:1vh auto 0}.model-overlay-compare .model-overlay-compare-grid{grid-template-columns:1fr;gap:10px}.model-overlay-compare .model-overlay-card{max-height:min(44vh,calc((96vw * 3) / 4));aspect-ratio:4/3}}

.quote-box h3{font-size:36px;margin:0 0 10px;line-height:1.05}
.quote-box p{font-size:15px;line-height:1.5;margin-bottom:12px;color:#333}
.quote-form{display:grid;gap:9px}
.quote-form input,.quote-form textarea{width:100%;border:1px solid #cfcfcf;border-radius:5px;padding:10px;font-size:14px;font-family:Arial,Helvetica,sans-serif;background:#fff}
.quote-submit{justify-self:end;padding:8px 20px}
.home-sales-layout h1{margin-top:0}
.home-intro-lead{max-width:1000px;font-size:18px;line-height:1.7;color:#3f2f24;margin:0 0 10px;padding:0}
.custom-controls{display:flex;gap:6px;margin-top:8px}
.control-btn{padding:7px 10px;min-width:38px;font-size:16px;line-height:1;border-radius:6px}
.control-btn:disabled{opacity:.45;cursor:not-allowed}

.dark-footer{background:#191919;color:#eee;padding:30px 28px;margin-top:24px}
.dark-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.dark-footer h4{margin:0 0 10px;font-size:30px;color:#fff}
.dark-footer p,.dark-footer a{font-size:13px;line-height:1.5;color:#ddd;text-decoration:none}
.dark-footer a{color:#c2ff3f}
.dark-contact-lines{display:grid;gap:2px}
.dark-contact-lines p{margin:0;color:#ddd}
.dark-contact-lines p strong{color:#fff}


.tapetes-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 20px}
.tapete-card{border:1px solid #d9d9d9;background:#fff;padding:14px}
.tapete-preview-canvas{width:100%;height:auto;display:block;border:1px solid #c9c9c9;background:#f5f5f5}
.tapete-meta{padding-top:10px}
.tapete-meta h3{margin:0 0 6px;font-size:26px}
.tapete-meta p{font-size:14px}
.file-drop{margin:10px 0 6px;border:1px dashed #cfd6e1;background:#f9fafc;border-radius:12px;padding:10px}
.file-input{display:none}
.file-drop-zone{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;border:1px dashed #d7dde6;background:#fff;border-radius:10px;padding:14px 12px;cursor:pointer;transition:all .18s ease}
.file-drop-title{font-weight:600;font-size:13px;color:#2c2f36}
.file-drop-hint{font-size:12px;color:#6c7683}
.file-drop.dragover .file-drop-zone,.file-drop.dragover .file-drop-title{border-color:#b36b2c;color:#b36b2c}
.file-drop.dragover .file-drop-zone{background:#fff4e8}
.file-drop-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.file-empty{font-size:12px;color:#7b8593;background:#fff;border:1px dashed #e2e6ee;padding:8px 10px;border-radius:8px}
.file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e2e6ee;border-radius:10px;padding:8px 10px}
.file-meta{min-width:0;display:flex;flex-direction:column;gap:2px}
.file-name{font-size:13px;font-weight:600;color:#2b2f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.file-size{font-size:12px;color:#6f7885}
.file-remove{width:26px;height:26px;border-radius:50%;border:1px solid #d5dbe5;background:#f6f7fb;color:#3a3f46;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}
.file-remove:hover{background:#fff0e1;border-color:#b36b2c;color:#b36b2c}
:root[data-theme="dark"] .tapete-card{border-color:#2a3442;background:#131b27}
:root[data-theme="dark"] .tapete-preview-canvas{border-color:#2a3442;background:#0f1520}
:root[data-theme="dark"] .tapete-meta h3{color:#e6edf5}
:root[data-theme="dark"] .tapete-meta p{color:#c7cfdb}
:root[data-theme="dark"] .file-drop{border-color:#2a3442;background:#0f1520}
:root[data-theme="dark"] .file-drop-zone{border-color:#2a3442;background:#121b27}
:root[data-theme="dark"] .file-drop-title{color:#e6edf5}
:root[data-theme="dark"] .file-drop-hint{color:#aeb6c3}
:root[data-theme="dark"] .file-drop.dragover .file-drop-zone{background:#1a2333;border-color:#d18b46}
:root[data-theme="dark"] .file-drop.dragover .file-drop-title{color:#f1b47a}
:root[data-theme="dark"] .file-empty{background:#121b27;border-color:#2a3442;color:#aeb6c3}
:root[data-theme="dark"] .file-item{background:#121b27;border-color:#2a3442}
:root[data-theme="dark"] .file-name{color:#e9eef6}
:root[data-theme="dark"] .file-size{color:#aeb6c3}
:root[data-theme="dark"] .file-remove{background:#1a2333;border-color:#2a3442;color:#c8d0db}
:root[data-theme="dark"] .file-remove:hover{background:#2a1f15;border-color:#d18b46;color:#f1b47a}

.tapete-meta-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tapete-meta-head .cta-pill{padding:10px 18px !important;font-size:14px !important}

.colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:14px}

.color-comparator{margin-top:14px;border:1px solid #ddd;border-radius:10px;padding:12px;background:#fff;display:grid;gap:12px}
.color-comparator-canvases{display:grid;grid-template-columns:repeat(2,minmax(0,220px)) minmax(140px,180px) minmax(280px,1fr);align-items:start;gap:16px}
.color-compare-editor{border:1px solid #e3e3e3;border-radius:8px;padding:10px;background:#fafafa;display:grid;justify-items:center}
.color-compare-editor h3,.color-compare-preview h3{margin:0 0 8px;font-size:16px}
.color-compare-editor canvas{width:min(100%,200px);height:auto;display:block;border:1px solid #bbb;background:#fff}

.color-compare-preview{border:1px solid #e3e3e3;border-radius:8px;padding:10px;background:#fafafa}
.color-compare-preview canvas{width:100%;max-width:520px;aspect-ratio:3/2;height:auto;display:block;border:1px solid #bbb;background:#fff}

.compare-palette-col{display:grid;gap:10px;align-content:start}
.compare-palette-col .custom-controls{display:flex;gap:8px;justify-content:center}

.compare-palette{margin-top:0;grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;overflow:visible;padding-right:0;max-width:180px;width:100%}
.compare-palette .sw{height:34px;display:block;padding:0;font-size:10px;line-height:1}
.compare-palette .sw.active{outline:2px solid #111;outline-offset:-2px}
.color-card{border:1px solid #ddd;border-radius:8px;padding:10px;background:#fff;display:grid;gap:6px;text-align:center}
.color-card .swatch{height:60px;border:1px solid #bbb;border-radius:6px}
.color-card strong{font-size:14px}
.color-card span{font-size:12px;color:#666}
:root[data-theme="dark"] .color-comparator{border-color:#2a3442;background:#121a26;box-shadow:0 12px 24px rgba(0,0,0,.35)}
:root[data-theme="dark"] .color-compare-editor{border-color:#2a3442;background:#131b27}
:root[data-theme="dark"] .color-compare-preview{border-color:#2a3442;background:#131b27}
:root[data-theme="dark"] .color-compare-editor h3,:root[data-theme="dark"] .color-compare-preview h3{color:#e6edf5}
:root[data-theme="dark"] .color-compare-editor canvas,:root[data-theme="dark"] .color-compare-preview canvas{border-color:#2a3442;background:#fff}
:root[data-theme="dark"] .control-btn{background:#1b2230;border:1px solid #3a4656;color:#ffffff;box-shadow:0 4px 10px rgba(0,0,0,.35)}
:root[data-theme="dark"] .control-btn:hover{border-color:#5b6a7d;box-shadow:0 6px 14px rgba(0,0,0,.4)}
:root[data-theme="dark"] .color-card{border-color:#2a3442;background:#131b27}
:root[data-theme="dark"] .color-card .swatch{border-color:#2a3442}
:root[data-theme="dark"] .color-card strong{color:#f2f5f9}
:root[data-theme="dark"] .color-card span{color:#c7cfdb}
.especiales-desc{margin:6px 0 0;color:#4a4a4a;line-height:1.45;max-width:980px}
.especiales-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 26px;padding:20px 28px;align-items:start}
.especiales-search-panel{padding:14px 28px}
.special-search-input{width:min(100%,560px);height:42px;border:1px solid #cdb8a6;border-radius:10px;padding:0 12px;font-size:15px}
.especiales-search-panel .model-search{max-width:560px;width:100%}
.especiales-search-panel .model-search input{padding:10px 12px;border-radius:10px;font-size:14px}
.especiales-search-panel .special-customizer-model-list{margin-top:8px;max-height:240px}
.especiales-search-panel .special-customizer-model-item{font-size:13px}

.btn-special-personalizar{display:inline-block;margin-top:8px;padding:8px 12px;border-radius:8px;background:#0f3f8f;color:#fff;text-decoration:none;font-size:13px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn-special-personalizar:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(15,63,143,.28);filter:brightness(1.03)}
.btn-special-personalizar:active{transform:translateY(0)}
.especiales-customizer-wrap{display:grid;gap:12px}
.especiales-customizer-layout{display:grid;grid-template-columns:minmax(240px,320px) 160px minmax(520px,760px);gap:14px;align-items:start;justify-content:start}
.especiales-palette-col{display:grid;gap:10px;align-content:start}
.especiales-palette-col .palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-height:none;overflow:visible;padding-right:0}
.especiales-palette-col .custom-controls{display:flex;gap:8px;justify-content:center}
.special-editor-targets{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.especiales-customizer-page [data-i18n="custom_step1"]{margin:0 0 6px;font-size:15px;line-height:1.5;color:#333}
.especiales-customizer-page [data-i18n="custom_color_policy"]{margin-top:14px;font-size:13px;line-height:1.5;color:var(--muted)}
.especiales-customizer-page .special-pattern-title{margin:0 0 6px;font-size:15px;line-height:1.5;color:#333}
.especiales-customizer-page .vector-editor{background:transparent;border:0;padding:0}
.especiales-customizer-page .vector-canvas{background:transparent;border:0}
.btn.btn-small{padding:6px 10px;font-size:13px}
#specialTargetMain.active,#specialTargetSquare.active{box-shadow:0 0 0 2px rgba(88,54,33,.25) inset}
#specialSquareEditorWrap{margin-top:12px}
#specialCustomizerCanvas{width:100%;max-width:760px;aspect-ratio:12/8;background:#ece9df;border:1px solid #d6d6d6;border-radius:0}
@media (max-width:900px){.especiales-customizer-layout{grid-template-columns:1fr}}
.special-card{text-align:center}
.special-card img{width:118px;max-width:100%;aspect-ratio:1/1;object-fit:contain;border:0;background:transparent;display:block;margin:0 auto;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.special-card img.special-overlay-trigger{cursor:zoom-in}
.special-card img.special-overlay-trigger:hover{transform:translateY(-2px) scale(1.02);box-shadow:none;filter:contrast(1.02) drop-shadow(0 10px 18px rgba(0,0,0,.22))}
.special-card .name{margin-top:6px}

.special-overlay{position:fixed;inset:0;z-index:1310;display:flex;align-items:center;justify-content:center;padding:20px 16px;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .22s ease}
.special-overlay.open{opacity:1;pointer-events:auto}
.special-overlay-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);cursor:pointer}
.special-overlay-card{position:relative;width:min(94vw,calc((100vh - 96px) * 4 / 3),1320px);aspect-ratio:4/3;max-height:calc(100vh - 96px);display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;justify-items:stretch;background:radial-gradient(circle at center,#f8f8f8 0%,#ededed 65%,#e1e1e1 100%);border-radius:12px;box-shadow:0 28px 70px rgba(0,0,0,.45);overflow:hidden;transform:translateY(14px) scale(.985);opacity:.2;transition:transform .24s ease,opacity .24s ease}
.special-overlay.open .special-overlay-card{transform:translateY(0) scale(1);opacity:1}
.special-overlay-close{position:absolute;right:10px;top:8px;z-index:2;border:0;background:rgba(0,0,0,.5);color:#fff;width:34px;height:34px;border-radius:50%;font-size:24px;cursor:pointer}
.special-overlay-close:hover{background:rgba(0,0,0,.72)}
#specialOverlayPattern{width:100%;height:100%;display:block}
.special-overlay-footer{height:46px;width:100%;box-sizing:border-box;background:#000;color:#fff;display:flex;align-items:center;padding:0 18px;font-size:14px;letter-spacing:.8px;font-weight:700;overflow:hidden}
.special-overlay-footer strong{display:block;width:100%;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
@media (max-width:900px){.special-overlay{padding:12px 8px}.special-overlay-card{width:min(96vw,calc((100vh - 72px) * 4 / 3));max-height:calc(100vh - 72px)}}
@media (max-width:980px){.tapetes-list{grid-template-columns:1fr}.especiales-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.color-comparator-canvases{grid-template-columns:1fr}}

#compareSpecialsBtn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
#compareSpecialsBtn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(110,67,43,.28);filter:brightness(1.03)}


@media (max-width:900px){
  .decorated-layout{grid-template-columns:1fr}
  .quote-box{order:2}
  .mosaic-grid-wrap{order:1}
  .home-gallery-row{order:1}
  .mosaic-gallery-wrap{order:1}
  .custom-wrap{grid-template-columns:1fr 140px 1fr}
}
@media (max-width:900px){
  .top{padding:14px 14px 8px}
  nav{gap:12px;font-size:12px}
  .header-catalog-search{margin-left:0}
  .header-catalog-search.is-open .catalog-search-panel{width:min(62vw,360px)}
  section{padding:16px}
  .cards{gap:10px;flex-wrap:wrap;justify-content:center}
  .tile-card img{width:96px;height:96px}
  .hero{height:clamp(180px, 48vw, 300px)}
  .custom-wrap{grid-template-columns:1fr;gap:10px}
  .vector-editor{max-width:100%}
  .palette{grid-template-columns:repeat(4,1fr)}
  .preview-big{aspect-ratio:4/3}
  .model-overlay{padding:14px 10px}
  .model-overlay-card{width:min(96vw,calc((100vh - 72px) * 4 / 3));aspect-ratio:4/3;max-height:calc(100vh - 72px);margin:0}
  .model-overlay-footer{font-size:12px;padding:0 12px}
  .dark-cols{grid-template-columns:1fr 1fr;gap:12px}
}
@media (max-width:600px){
  .brand-row{flex-wrap:wrap;align-items:flex-start}
  .langs{margin-left:auto;font-size:11px;flex-wrap:wrap;justify-content:flex-end}
  nav{margin-top:8px;gap:6px 10px;font-size:11px;align-items:flex-start}
  nav > a{line-height:1.1;letter-spacing:.1px}
  .header-catalog-search{width:100%;justify-content:flex-end}
  .header-catalog-search.is-open{width:100%}
  .header-catalog-search.is-open .catalog-search-panel{width:100%;max-width:none}
  .catalog-search-field{height:38px}
  .catalog-search-field input{font-size:14px}
  .catalog-visual-results{top:46px;max-height:min(54vh,420px)}
  h1{font-size:34px}
  .top-action-buttons .cta-pill{width:100%;text-align:center}
  .mosaic-options-grid{grid-template-columns:1fr}
  .mosaic-options-grid .category-card{gap:10px}
  .mosaic-options-grid .category-card .cta-pill{width:100%;min-height:44px}
  .content-panel-pretty{margin:12px 8px 0;padding:16px 14px}
  .content-lead{font-size:14px}
  h2{font-size:28px}
  .hero{height:clamp(170px, 56vw, 240px)}
  .mosaic-grid-small{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-grid{justify-content:center}
  .tapetes-list{grid-template-columns:1fr;padding:12px}
  .tapete-card{padding:10px}
  .tapete-meta h3{font-size:20px}
  .tapete-meta-head .cta-pill{width:100%;text-align:center}
  .dark-cols{grid-template-columns:1fr}
  .gallery-grid{justify-content:center}
  .dark-footer{padding:18px 14px}
  footer{padding:14px}
}


.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;justify-content:center}
@media (max-width:1100px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.gallery-card{border:1px solid #ddd;border-radius:8px;background:#fff;padding:8px;display:grid;gap:6px;min-width:0}
.gallery-thumb-btn{border:0;padding:0;background:#fff;cursor:zoom-in;display:block;width:100%}
.gallery-thumb-btn img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border:1px solid #ccc}
.gallery-name{font-size:13px;font-weight:700;color:#222}
.gallery-caption{font-size:12px;color:#666;line-height:1.4}
:root[data-theme="dark"] .gallery-card{border-color:#2a3442;background:#131b27}
:root[data-theme="dark"] .gallery-thumb-btn{background:#131b27}
:root[data-theme="dark"] .gallery-thumb-btn img{border-color:#2a3442}
:root[data-theme="dark"] .gallery-name{color:#e6edf5}
:root[data-theme="dark"] .gallery-caption{color:#c7cfdb}
.home-visit-row{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.home-visit-row .visit-counter-card{justify-self:center}
.home-gallery-row{margin:16px 0 0;grid-column:1;text-align:center}
.home-gallery-title{margin:0;text-align:center}
.visit-counter-card{grid-column:2;justify-self:end;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:150px;padding:12px 18px;border-radius:16px;background:linear-gradient(135deg,#fff4e5,#f4d2a8);border:1px solid #e2b98c;box-shadow:0 10px 22px rgba(27,23,18,.18);text-align:center}
.visit-counter-note{font-size:14px;font-weight:700;color:#9c5a1a;letter-spacing:.4px;text-align:right}
.visit-counter-value{font-size:28px;font-weight:800;color:#5c3411;line-height:1}
:root[data-theme="dark"] .visit-counter-card{background:linear-gradient(135deg,#2a1f16,#3a2a1c);border-color:#5a3b1f;box-shadow:0 12px 26px rgba(0,0,0,.45)}
:root[data-theme="dark"] .visit-counter-note{color:#e7c79c}
:root[data-theme="dark"] .visit-counter-value{color:#f6e0bb}
.mosaic-gallery-wrap{grid-column:1}
.home-sales-layout .mosaic-grid-wrap{grid-column:1}
.home-sales-layout .quote-box{grid-column:3;grid-row:1 / span 3}
@media (max-width: 1200px){
  .home-gallery-row{grid-column:1}
  .home-sales-layout .quote-box{grid-column:1;grid-row:auto}
}
.home-gallery-carousel{margin:8px 0 0;display:grid;gap:10px;justify-items:center}
.home-gallery-carousel .gallery-card{width:clamp(220px,32vw,320px);margin:0 auto}
.home-gallery-carousel .gallery-thumb-btn{cursor:pointer}
.home-gallery-carousel .gallery-caption{margin-bottom:0}
.gallery-overlay{position:fixed;inset:0;z-index:1300;opacity:0;pointer-events:none;transition:opacity .22s ease;display:flex;align-items:center;justify-content:center;padding:20px 16px}
.gallery-overlay.open{opacity:1;pointer-events:auto}
.gallery-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.gallery-overlay-card{position:relative;width:fit-content;max-width:96vw;margin:0;background:#111;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;max-height:92vh}
.gallery-overlay-close{position:absolute;right:10px;top:8px;z-index:2;border:0;background:rgba(0,0,0,.5);color:#fff;width:34px;height:34px;border-radius:50%;font-size:24px;cursor:pointer}
#galleryOverlayImg{width:auto;max-width:100%;height:auto;max-height:calc(92vh - 78px);object-fit:contain;background:#141822;display:block}
.gallery-overlay-footer{margin-top:-6px;padding:10px 14px;background:rgba(10,12,18,.92);color:#fff;display:grid;gap:4px;backdrop-filter:blur(2px)}
.gallery-overlay-footer strong{font-size:14px}
.gallery-overlay-footer span{font-size:12px;color:#ddd}
.gallery-overlay.no-caption .gallery-overlay-footer{padding-top:8px;padding-bottom:8px}
.gallery-overlay.no-caption .gallery-overlay-footer span{display:none}

.contact-page{display:grid;gap:18px}
.contact-intro{font-size:15px;color:#4a4a4a;max-width:980px}
.contact-section-title{font-size:36px;text-transform:uppercase;letter-spacing:.2px;margin-top:8px}
.contact-location-row{display:grid;grid-template-columns:minmax(300px,1fr) minmax(260px,.95fr);gap:18px;align-items:start;padding:14px 0;border-top:1px solid #e6e6e6}
.contact-location-row:last-child{border-bottom:1px solid #e6e6e6;padding-bottom:18px}
.contact-map-frame{border:1px solid #d7d7d7;background:#fff;min-height:320px}
.contact-map-frame iframe{display:block;width:100%;height:320px;border:0}
.contact-location-info h4{font-size:22px;margin:0 0 8px;line-height:1.15}
.contact-location-info p{margin:0 0 10px;font-size:15px;line-height:1.45;color:#2f2f2f}
.contact-location-info a{color:#2458b6;text-decoration:none}
.contact-location-info a:hover{text-decoration:underline}
:root[data-theme="dark"] .contact-intro{color:#c7cfdb}
:root[data-theme="dark"] .contact-location-row{border-top-color:#1e2631}
:root[data-theme="dark"] .contact-location-row:last-child{border-bottom-color:#1e2631}
:root[data-theme="dark"] .contact-map-frame{border-color:#2a3442;background:#0f1520}
:root[data-theme="dark"] .contact-location-info p{color:#c7cfdb}
:root[data-theme="dark"] .contact-location-info a{color:#7fb2ff}

@media (max-width:900px){
  .contact-section-title{font-size:28px}
  .contact-location-row{grid-template-columns:1fr;gap:12px}
  .contact-map-frame{min-height:280px}
  .contact-map-frame iframe{height:280px}
  .contact-location-info h4{font-size:20px}
  .contact-location-info p{font-size:14px}
}

/* CAMERA_MODAL_V1 */
.catalog-camera-modal{position:fixed;inset:0;background:rgba(8,13,22,.76);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1200}
.catalog-camera-modal[hidden]{display:none}
.catalog-camera-panel{width:min(92vw,430px);background:#0f1726;border:1px solid #2f425f;border-radius:14px;padding:12px;box-shadow:0 20px 40px rgba(0,0,0,.38)}
.catalog-camera-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;color:#e8f0fc}
.catalog-camera-head strong{font-size:15px;line-height:1.2}
.catalog-camera-head span{font-size:12px;line-height:1.3;color:#b7c9e2}
.catalog-camera-square{position:relative;width:min(84vw,360px);aspect-ratio:1/1;margin:0 auto;border-radius:12px;overflow:hidden;background:#000}
.catalog-camera-video{width:100%;height:100%;object-fit:cover;display:block}
.catalog-camera-grid{position:absolute;inset:0;border:2px solid rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);pointer-events:none}
.catalog-camera-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.catalog-camera-btn{appearance:none;border:1px solid #4b6288;border-radius:10px;padding:9px 8px;font-size:13px;font-weight:700;line-height:1;cursor:pointer}
.catalog-camera-btn.secondary{background:#19273d;color:#e6f0fe}
.catalog-camera-btn.primary{background:#f6a458;border-color:#f6a458;color:#1d140b}
body.catalog-camera-open{overflow:hidden}
:root[data-theme="dark"] .catalog-camera-panel{background:#0c1422;border-color:#334a68}
:root[data-theme="dark"] .catalog-camera-btn.secondary{background:#16253d;border-color:#3f5a7d;color:#eaf3ff}
:root[data-theme="dark"] .catalog-camera-btn.primary{background:#f2a157;border-color:#f2a157;color:#1a120a}


/* AI_CHAT_MOSAICOS_UX_V1 */
@media (max-width: 760px){
  .ai-chat-container{
    right:10px !important;
    bottom:calc(10px + 44px) !important;
  }
  .ai-chat-launcher{
    width:48px !important;
    height:48px !important;
    font-size:20px !important;
  }
  .ai-chat-cta{
    bottom:58px !important;
    min-width:150px !important;
    max-width:min(230px, calc(100vw - 24px)) !important;
    font-size:11px !important;
    padding:7px 10px !important;
  }
  .ai-chat-panel{
    width:min(320px, calc(100vw - 20px)) !important;
    max-height:min(70vh, 480px) !important;
  }
}