@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Instrument+Serif&family=Doto:wght@700;900&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg:#dedbe0;--panel:#e9e7eb;--panel-2:#f3f2f4;--panel-3:#d3d0d6;--line:#bdb9c1;--line-2:#111;--text:#0d0d0d;--muted:#5f5b64;--accent:#0d0d0d;--accent-dim:#0d0d0d;--celeste:#5ec8f2;--celeste-2:#45b9e8;--lima:var(--celeste);--lima-2:var(--celeste-2);--tinta:#0d0d0d;--papel:#dedbe0;--ok:#3e8a12;--warn:#b87500;--bad:#c0362c;--radius:0px;--mono:"JetBrains Mono", ui-monospace, monospace;--display:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--serif:"Instrument Serif", "Times New Roman", serif;--dot:"Doto", "JetBrains Mono", monospace;font-family:var(--display);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-size:14px}button{cursor:pointer;font-family:inherit}a{color:var(--accent)}h1,h2,h3{margin:0;font-weight:600}h2{letter-spacing:.02em;font-size:15px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:13px}small{font-size:11.5px}code{font-family:var(--mono)}.cargando{height:100%;color:var(--muted);place-items:center;display:grid}.app{flex-direction:column;min-height:100%;display:flex}.appbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:30;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.logo{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:#fff;letter-spacing:-.02em;border-radius:8px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.proj-name{color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;width:min(42vw,340px);padding:2px 6px;font-size:15px;font-weight:600}.proj-name:hover{border-color:var(--line)}.proj-name:focus{border-color:var(--accent);background:var(--panel-2);outline:none}.appbar-actions{flex-wrap:wrap;gap:6px;display:flex}.tabs{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;gap:2px;padding:6px 10px;display:flex;position:sticky;top:61px;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:500}.tabs button:hover{color:var(--text);background:var(--panel-2)}.tabs button.on{color:var(--text);background:var(--panel-3);box-shadow:inset 0 -2px 0 var(--accent)}.error-bar{color:#ffb9a6;border-bottom:1px solid var(--bad);background:#3a211c;padding:8px 16px}.workspace{flex:1;min-height:0;padding:14px}.panel{min-width:0;display:none}.workspace[data-tab=boceto] .panel[data-when=boceto],.workspace[data-tab=paleta] .panel[data-when=paleta],.workspace[data-tab=sprays] .panel[data-when=sprays],.workspace[data-tab=previsualizacion] .panel[data-when=previsualizacion],.workspace[data-tab=material] .panel[data-when=material],.workspace[data-tab=catalogo] .panel[data-when=catalogo]{display:flex}.panel{flex-direction:column}.panel-inner{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;width:100%;padding:14px;display:flex}.col-sketch{min-height:60vh}.col-sketch .panel-inner,.col-sketch>*{height:100%}.pie{border-top:1px solid var(--line);color:var(--muted);background:var(--panel);padding:10px 16px;font-size:11.5px}@media (width>=1040px){.workspace.taller{grid-template:"tools sketch sprays"minmax(0,1fr)"tools paleta sprays"minmax(150px,300px)/300px minmax(0,1fr) 390px;align-items:stretch;gap:14px;max-height:calc(100vh - 118px);display:grid;overflow:hidden}.workspace.taller .panel{min-height:0;display:flex!important}.workspace.taller .col-full{display:none!important}.workspace.taller .col-tools{grid-area:tools;overflow:auto}.workspace.taller .col-sketch{grid-area:sketch}.workspace.taller .col-sketch .sketch-canvas{min-height:0}.workspace.taller .col-paleta{grid-area:paleta;overflow:auto}.workspace.taller .col-sprays{grid-area:sprays;overflow:auto}.workspace:not(.taller) .col-full{max-width:1100px;margin:0 auto}}.primary{background:var(--accent);color:#fff;border:none;border-radius:7px;padding:9px 14px;font-weight:600}.primary:disabled{background:var(--panel-3);color:var(--muted);cursor:not-allowed}.primary.big{padding:12px;font-size:15px}.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--line-2);border-radius:7px;padding:8px 12px}.ghost:hover{border-color:var(--muted)}.ghost:disabled{opacity:.45;cursor:not-allowed}.small{border-radius:6px;padding:5px 9px;font-size:12px}.icon{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font-size:13px;display:inline-grid}.icon.on{background:var(--accent);border-color:var(--accent)}.icon:hover{border-color:var(--muted)}.seg{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);background:0 0;border:none;padding:7px 11px;font-size:12.5px;font-weight:500}.seg button:hover{color:var(--text)}.spacer{flex:1}input[type=text],input[type=number],input:not([type]),select{background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}input:focus,select:focus{border-color:var(--accent);outline:none}input[type=range]{width:100%;accent-color:var(--accent)}.check{align-items:center;gap:8px;font-size:13px;display:flex}.check input{accent-color:var(--accent);width:16px;height:16px}.field{flex-direction:column;gap:5px;font-size:13px;display:flex}.field>span{justify-content:space-between;display:flex}.field b{color:var(--text);font-family:var(--mono)}.panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.head-actions{flex-wrap:wrap;gap:6px;display:flex}.count{background:var(--panel-3);color:var(--muted);border-radius:10px;margin-left:4px;padding:1px 7px;font-size:11px}.empty{color:var(--muted);padding:10px 0}.chip{border-radius:5px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.chip.lg{border-radius:7px;width:48px;height:48px}.chip.big{width:auto;min-width:88px;height:30px;font-family:var(--mono);border-radius:6px;padding:0 10px;font-size:12px}.chip.xl{width:58px;height:58px;font-family:var(--mono);border-radius:8px;font-size:11px}.dropzone{border:1.5px dashed var(--line-2);border-radius:var(--radius);text-align:center;background:var(--panel-2);flex-direction:column;gap:4px;padding:22px 14px;transition:all .15s;display:flex}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:#26211f}.dropzone strong{font-size:14px}.fondo-row{align-items:center;gap:8px;display:flex}.sketch{flex-direction:column;gap:8px;width:100%;height:100%;display:flex}.sketch-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sketch-toolbar .inline{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.sketch-canvas{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);flex:1;min-height:50vh;position:relative;overflow:hidden}.sketch-canvas.mover{cursor:grab}.sketch-canvas.cuentagotas,.sketch-canvas.area{cursor:crosshair}.sketch-canvas canvas{width:100%;height:100%;display:block}.sketch-empty{text-align:center;height:100%;min-height:50vh;color:var(--muted);border:1px dashed var(--line-2);border-radius:var(--radius);place-items:center;gap:6px;padding:20px;display:grid}.pipeta-hint{font-family:var(--mono);background:#000000b3;border-radius:7px;align-items:center;gap:7px;padding:6px 9px;font-size:12px;display:flex;position:absolute;bottom:10px;left:10px}.menos-botes{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.mb-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mb-row label{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.mb-row input{width:60px}.propuesta{border-top:1px dashed var(--line);flex-direction:column;gap:6px;padding-top:6px;display:flex}.chips{flex-wrap:wrap;gap:4px;display:flex}.swatch-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.swatch-item{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px}.swatch-item.sel{border-color:var(--accent)}.swatch-main{cursor:pointer;align-items:center;gap:10px;display:flex}.swatch-main .ms{width:16px;height:16px;accent-color:var(--accent)}.tri{align-items:center;gap:4px;display:flex}.swatch-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bar{background:var(--panel-3);border-radius:4px;height:6px;overflow:hidden}.bar span{background:var(--accent);height:100%;display:block}.swatch-ctrls{align-items:center;gap:6px;margin-top:8px;display:flex}.swatch-ctrls select{padding:4px 6px;font-size:12px}.editor{border-top:1px solid var(--line);flex-direction:column;gap:9px;margin-top:10px;padding-top:10px;display:flex}.editor-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.muestras{gap:14px;display:flex}.muestra{flex-direction:column;align-items:center;gap:3px;display:flex}.muestra small{color:var(--muted)}.hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:10px}.inputs-row{gap:8px;display:flex}.mini{color:var(--muted);flex-direction:column;flex:1;gap:3px;font-size:11px;display:flex}.mini input{width:100%;font-family:var(--mono)}.filtros{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.filtros summary{cursor:pointer;font-size:13px;font-weight:600}.filtro-bloque{margin-top:8px}.flabel{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;display:block}.chips-filtro{flex-wrap:wrap;gap:5px;display:flex}.tag{background:var(--panel-3);border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:4px 11px;font-size:12px}.tag.on{background:var(--accent);border-color:var(--accent);color:#fff}.cobertura{color:var(--warn);margin:8px 0 0;font-size:12px}.aviso-color{border:1px solid var(--line-2);border-left:3px solid var(--warn);color:var(--muted);background:#22262a;border-radius:6px;padding:8px 10px;font-size:11.5px}.match-cards{flex-direction:column;gap:10px;display:flex}.match-card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.mc-target{align-items:center;gap:10px;display:flex}.mc-target-info{flex-direction:column;display:flex}.sin-buena{border:1px solid var(--warn);color:#f0c98a;background:#3a2a1c;border-radius:6px;padding:6px 9px;font-size:12px}.opciones{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.opcion{background:var(--panel);border:1px solid var(--line);border-radius:7px;align-items:center;gap:6px;padding:6px 8px;display:flex}.op-main{cursor:pointer;flex:1;align-items:center;gap:9px;min-width:0;display:flex}.op-main input[type=radio]{accent-color:var(--accent)}.cmp{display:inline-flex}.cmp .chip:first-child{border-radius:5px 0 0 5px}.cmp .chip:last-child{border-radius:0 5px 5px 0}.op-info{flex-direction:column;flex:1;min-width:0;display:flex}.op-info b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.de{font-family:var(--mono);white-space:nowrap;border-radius:5px;padding:2px 6px;font-size:11px}.de-excelente{color:#7fe0a8;background:#1f3a2c}.de-buena{color:#9ad9a0;background:#26382a}.de-aceptable{color:#e0cf8a;background:#3a361f}.op-acc{gap:4px;display:flex}.escalera{background:var(--panel);border:1px solid var(--line);border-radius:7px;flex-direction:column;gap:6px;padding:8px;display:flex}.esc-fila{align-items:center;gap:6px;display:flex}.esc-fila small{width:76px;color:var(--muted)}.esc-chip{border:1px solid var(--line-2);border-radius:5px;width:26px;height:26px;padding:0}.preview .compare{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-height:70vh;position:relative;overflow:hidden}.cmp-base,.cmp-top canvas{width:100%;height:auto;display:block}.cmp-top{position:absolute;inset:0}.cmp-divider{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.cmp-range{width:70%;margin:0 auto;position:absolute;inset:auto 0 10px}.cmp-tag{background:#0009;border-radius:5px;padding:3px 7px;font-size:11px;position:absolute;top:8px}.cmp-tag.left{left:8px}.cmp-tag.right{right:8px}.sim-nota{font-size:12px}.mat-grupo h3{margin-bottom:6px}.mat-list{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.mat-item{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;align-items:center;gap:10px;padding:7px 9px;display:flex}.mat-info{flex-direction:column;flex:1;min-width:0;display:flex}.mat-info b{font-size:12.5px}.qty{align-items:center;gap:4px;display:flex}.qty input{text-align:center;width:48px;font-family:var(--mono)}.nota-cant{font-size:12px}.cat-marca{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.cat-gamas{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cat-gama{background:var(--panel);border:1px solid var(--line);border-radius:7px;flex-direction:column;gap:3px;padding:8px;display:flex}.cat-gama.verificado{border-left:3px solid var(--ok)}.cat-gama.pendiente{border-left:3px solid var(--line-2);opacity:.9}.cg-head{justify-content:space-between;align-items:center;display:flex}.estado{border-radius:10px;padding:2px 8px;font-size:11px}.estado.verificado{color:#7fe0a8;background:#1f3a2c}.estado.pendiente{background:var(--panel-3);color:var(--muted)}.cat-gama small a{word-break:break-all}.importar{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.import-res{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:8px;font-size:12px}.import-res.con-err{border-color:var(--warn)}.import-res ul{color:var(--warn);margin:6px 0 0;padding-left:18px}.print-sheet{display:none}@media print{body{color:#111;background:#fff}.app>:not(.print-sheet){display:none!important}.print-sheet{color:#111;padding:0;font-size:12px;display:block!important}.ps-head{border-bottom:2px solid #111;margin-bottom:12px;padding-bottom:6px}.ps-head h1{font-size:20px}.ps-cols{gap:16px;margin-bottom:14px;display:flex}.ps-boceto{flex:0 0 38%}.ps-boceto img{border:1px solid #ccc;width:100%}.ps-paleta{flex:1}.print-sheet table{border-collapse:collapse;width:100%;margin-top:6px}.print-sheet th,.print-sheet td{text-align:left;border:1px solid #bbb;padding:4px 6px;font-size:11px}.print-sheet th{background:#eee}.ps-chip{border:1px solid #999;border-radius:3px;justify-content:center;align-items:center;width:54px;height:22px;font-size:9px;display:inline-flex}.ps-chip.sm{vertical-align:middle;width:18px;height:14px}.ps-nota{color:#555;margin-top:12px;font-size:10px}@page{margin:14mm}}body{font-size:16px}.app.simple .appbar{position:sticky;top:0}.brand-name{letter-spacing:.01em;font-size:17px;font-weight:700}.appbar-actions{position:relative}.appbar-actions .ghost.small{padding:6px 12px;font-size:20px;line-height:1}.menu{background:var(--panel-2);border:1px solid var(--line-2);z-index:50;border-radius:10px;flex-direction:column;gap:4px;min-width:220px;padding:8px;display:flex;position:absolute;top:46px;right:0;box-shadow:0 10px 30px #0006}.menu button{color:var(--text);text-align:left;background:0 0;border:none;border-radius:7px;padding:10px 12px;font-size:15px}.menu .proj-name{width:100%;margin-bottom:4px}.lienzo{flex-direction:column;gap:16px;width:100%;max-width:700px;margin:0 auto;padding:16px;display:flex}.bloque-titulo{margin:2px 0 -4px;font-size:21px;font-weight:700}.primary{min-height:46px;font-size:15px}.primary.big{border-radius:12px;width:100%;min-height:56px;font-size:18px}.ghost{min-height:44px;font-size:15px}.ghost.small{min-height:36px}.hero-drop{border:2px dashed var(--line-2);background:var(--panel);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;transition:all .15s;display:flex}.hero-drop:hover,.hero-drop.drag{border-color:var(--accent);background:#241f1d}.hero-icon{font-size:46px}.hero-drop strong{font-size:23px}.hero-drop .primary.big{max-width:320px;margin-top:4px}.img-bar{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.img-thumb{object-fit:cover;border:1px solid var(--line-2);background:var(--panel-2);border-radius:10px;width:72px;height:72px}.img-bar-info{flex-direction:column;flex:1;gap:2px;display:flex}.img-bar-info b{font-size:16px}.analizando{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:36px;font-size:16px;display:flex}.spin{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.proposals{flex-direction:column;gap:10px;display:flex}.prop-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.prop-card.abierto{border-color:var(--line-2)}.prop-head{width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px;display:flex}.prop-your{flex:none;align-items:center;gap:8px;display:flex}.prop-your-txt{flex-direction:column;display:flex}.prop-your-txt small{color:var(--muted);font-size:11px}.prop-your-txt b{font-family:var(--mono);font-size:12px}.chip.grande{border-radius:11px;width:48px;height:48px}.prop-arrow{color:var(--muted);flex:none;font-size:20px}.prop-spray{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.prop-spray-txt{flex-direction:column;min-width:0;display:flex}.prop-spray-txt b{white-space:nowrap;font-size:17px;line-height:1.15}.prop-spray-txt span{color:#cfd3d7;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.prop-spray-txt small{color:var(--muted);font-size:12px}.prop-spray em{color:var(--muted)}.prop-right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.prop-head .chev{color:var(--muted);font-size:11px}.de{border-radius:6px;padding:3px 8px;font-size:12px}.prop-alts{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:4px 12px 14px;display:flex}.alts-titulo{margin:10px 0 2px;font-size:14px;font-weight:600}.opcion.grande{border-radius:10px;flex-direction:column;align-items:stretch;gap:6px;padding:10px}.opcion.grande .op-main{gap:11px}.opcion.grande .chip.grande{width:42px;height:42px}.opcion.grande .op-info b{white-space:normal;font-size:14.5px}.mochila-btn{background:var(--panel-2);border:1px solid var(--line-2);width:100%;color:var(--text);border-radius:9px;min-height:44px;padding:10px;font-size:14px}.mochila-btn.on{border-color:var(--ok);color:#9ad9a0;background:#1f3a2c}.aviso-mini{color:var(--muted);margin:2px 0 0;font-size:11.5px}.seccion{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.seccion-head{width:100%;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:15px 16px;font-size:16px;font-weight:600;display:flex}.seccion-head .chev{color:var(--muted);font-size:12px}.seccion-body{padding:14px 16px}.seccion-body>.panel-inner{background:0 0;border:none;padding:0}.ajuste-lienzo{height:48vh;min-height:320px;margin-bottom:14px}.ajuste-lienzo .sketch{height:100%}@media (width<=560px){.lienzo{gap:13px;padding:12px}.prop-spray-txt b{font-size:16px}.bloque-titulo{font-size:19px}.appbar{padding:10px 12px}}.catalogos-disp{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.catalogos-disp h3{color:var(--text);text-transform:none;letter-spacing:0;font-size:16px}.cd-marcas{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.cd-marca{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.cd-marca>b{margin-bottom:6px;font-size:14px;display:block}.cd-marca ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.cd-marca li{flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;display:flex}.cd-dot{border-radius:50%;flex:none;width:8px;height:8px}.cd-ok .cd-dot{background:var(--ok)}.cd-pend .cd-dot{background:var(--line-2)}.cd-gama{font-weight:500}.cd-n{background:var(--panel-3);color:var(--muted);border-radius:10px;padding:1px 7px;font-size:11px}.cd-attrs{color:var(--muted);width:100%;padding-left:15px;font-size:11.5px}.cd-estado{color:var(--muted);font-size:11px}.cd-pend{color:var(--muted)}.cd-ver{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;width:100%;padding:4px 0;font-size:13px;display:flex}.cd-ver:hover .cd-gama{color:var(--accent)}.cd-chevver{color:var(--accent);margin-left:auto;font-size:12px;font-weight:600}.modal-fondo{z-index:100;background:#0000009e;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:16px 16px 0 0;flex-direction:column;gap:10px;width:100%;max-width:760px;max-height:92vh;padding:14px;display:flex}@media (width>=700px){.modal-fondo{align-items:center}.modal{border-radius:16px}}.modal-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.modal-head h2{font-size:18px}.cerrar{width:36px;height:36px;font-size:16px}.buscador{width:100%;min-height:44px;font-size:15px}.modal-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:min-content;align-content:start;gap:10px;padding-bottom:8px;display:grid;overflow-y:auto}.cat-tile{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;display:block;overflow:hidden}.cat-tile.tengo{border-color:var(--ok)}.cat-swatch{cursor:pointer;border:none;width:100%;height:64px;min-height:64px;padding:0;display:block;position:relative}.cat-swatch .tick{font-size:15px;font-weight:700;position:absolute;top:6px;right:8px}.cat-swatch .esp{opacity:.85;font-size:12px;position:absolute;bottom:4px;left:7px}.cat-tile-info{flex-direction:column;gap:1px;padding:7px 9px;display:flex}.cat-tile-info b{font-size:13px}.cat-tile-info span{color:var(--muted);font-size:12px;line-height:1.25}.cat-tile-info .pigmentos{color:var(--muted);opacity:.8;letter-spacing:.02em;font-size:10.5px}.cat-tile-info code{color:var(--muted);font-size:11px}.cat-add{background:var(--panel-3);border:none;border-top:1px solid var(--line);color:var(--text);cursor:pointer;padding:7px;font-size:12px}.modal-head-tit{flex-direction:column;gap:4px;display:flex}.modal-marca{align-items:center;gap:9px;display:flex}.carta-btn{background:var(--accent);color:#fff;border-radius:8px;align-self:flex-start;align-items:center;gap:4px;min-height:36px;margin-top:4px;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.carta-btn:hover{background:#ff6f4c}.brand-logo{background:var(--text);vertical-align:middle;flex:none;height:26px;display:inline-block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.brand-logo.sm{height:15px}.brand-logo.b-loop{height:36px}.brand-logo.b-loop.sm{height:24px}.brand-badge{border-radius:4px;flex:none;align-items:center;padding:2px 6px;font-size:11px;line-height:1;display:inline-flex}.b-generic{background:var(--panel-3);color:var(--text);font-weight:600}.cd-marca-head{align-items:center;gap:9px;margin-bottom:6px;display:flex}.cd-marca-head b{font-size:14px}.prop-gama{align-items:center;gap:5px;display:inline-flex}.bq-intro{margin:-4px 0 0;font-size:13.5px}.bq-tareas,.bq-marcas{flex-wrap:wrap;gap:7px;display:flex}.bq-chip{background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);cursor:pointer;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:500}.bq-chip:hover{border-color:var(--muted)}.bq-chip.sm{padding:6px 12px;font-size:13px}.bq-consejo{background:var(--panel-2);border-left:3px solid var(--accent);border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.45}.bq-manual-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.bq-manual-btn span{color:var(--accent);font-size:18px}.bq-manual{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:4px 16px 14px;font-size:14px;line-height:1.55}.bq-manual h4{color:var(--accent);margin:14px 0 4px;font-size:14.5px}.bq-manual p{margin:0 0 6px}.bq-manual ul{margin:4px 0 8px;padding-left:20px}.bq-seccion{flex-direction:column;gap:6px;margin-top:6px;display:flex}.bq-sec-head{align-items:center;gap:8px;font-size:15.5px;display:flex}.bq-rango{color:var(--muted);margin-left:auto;font-size:12.5px}.bq-para{color:var(--muted);margin:0;font-size:13px}.bq-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:8px;display:grid}.bq-card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;overflow:hidden}.bq-head{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.bq-trazo{background:var(--panel);border-radius:6px;flex:none;width:84px;height:30px}.bq-id{flex-direction:column;gap:3px;min-width:0;display:flex}.bq-id b{font-size:14.5px}.bq-id small{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;display:flex}.bq-ancho{font-family:var(--mono);color:var(--text)}.bq-chev{color:var(--accent);margin-left:auto;font-size:18px;font-weight:600}.bq-ficha{border-top:1px solid var(--line);grid-template-columns:max-content 1fr;gap:6px 12px;margin:0;padding:10px 12px 12px;font-size:13px;line-height:1.45;display:grid}.bq-ficha dt{color:var(--muted)}.bq-ficha dd{margin:0}.bq-ojo{color:#ffb38a}@media (width<=480px){.bq-ficha{grid-template-columns:1fr;gap:1px}.bq-ficha dd{margin-bottom:6px}}.cfs{z-index:200;padding:max(28px, env(safe-area-inset-top)) 28px max(24px, env(safe-area-inset-bottom));cursor:zoom-out;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;animation:.18s ease-out cfs-in;display:flex;position:fixed;inset:0}@keyframes cfs-in{0%{opacity:0}to{opacity:1}}.cfs-top{align-items:center;gap:12px;display:flex}.cfs-top .brand-logo{height:30px}.cfs-top .brand-logo.b-loop{height:46px}.cfs-gama{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:14px}.cfs-info{flex-direction:column;gap:6px;margin-top:auto;margin-bottom:28px;display:flex}.cfs-codigo{letter-spacing:-.03em;font-size:clamp(56px,18vw,140px);font-weight:800;line-height:.9}.cfs-nombre{font-size:clamp(22px,6vw,40px);font-weight:500;line-height:1.15}.cfs-hex{font-family:var(--mono);opacity:.65;margin-top:4px;font-size:14px}.cfs-acciones{cursor:default;align-items:center;gap:8px;display:flex}.cfs-acciones button{color:inherit;opacity:.75;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:7px 14px;font-size:13px}.cfs-acciones button:hover{opacity:1}.cfs-pos{font-family:var(--mono);opacity:.55;margin-left:auto;font-size:12px}body{background-color:var(--bg);color:var(--text);font-family:var(--display);letter-spacing:-.01em;background-image:radial-gradient(#00000009 1px,#0000 1px);background-size:3px 3px}a{color:var(--text);text-underline-offset:3px;text-decoration-thickness:2px}h1,h2,h3{font-family:var(--display)}::selection{background:var(--lima);color:var(--tinta)}.appbar{background:var(--bg);border-bottom:3px solid var(--tinta);padding:10px 16px}.brand{gap:10px}.logo-estrella{flex:none;width:34px;height:34px}.estrella path{fill:var(--tinta)}.estrella .estrella-hueco{fill:var(--lima)}.brand-name{letter-spacing:-.055em;font-size:21px;font-weight:900;line-height:1}.brand-tag{font-family:var(--mono);letter-spacing:.06em;background:var(--tinta);color:var(--lima);align-self:center;padding:3px 5px;font-size:9.5px;font-weight:700}.appbar-actions .ghost.small{border:2px solid var(--tinta);color:var(--tinta);background:0 0;border-radius:0;font-weight:900}.menu{background:var(--panel-2);border:2px solid var(--tinta);box-shadow:6px 6px 0 var(--tinta);border-radius:0}.menu button{color:var(--tinta);border-radius:0;font-weight:600}.menu button:hover{background:var(--lima)}.masthead{border-bottom:3px solid var(--tinta);flex-direction:column;gap:0;padding-bottom:12px;display:flex;position:relative;overflow:hidden}.mh-meta{letter-spacing:-.02em;justify-content:space-between;margin-bottom:8px;font-size:10.5px;font-weight:800;line-height:1.05;display:flex}.mh-meta-r{text-align:right}.mh-titulo{letter-spacing:-.075em;flex-direction:column;margin:0;font-size:clamp(80px,31.5vw,218px);font-weight:900;line-height:.8;display:flex}.mh-fila{white-space:nowrap;align-items:baseline;gap:.08em;display:flex}.mh-ast{align-self:center;margin-right:.1em;font-size:.3em;font-weight:300}.mh-fila2{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.mh-outline{font-family:var(--serif);color:#0000;-webkit-text-stroke:1.2px var(--tinta);letter-spacing:-.02em;font-size:clamp(40px,13vw,84px);line-height:.9}.mh-estrella{width:clamp(74px,22vw,130px);height:auto;margin-right:-6px;transform:rotate(-8deg)}.mh-banda{background:var(--lima);border-top:3px solid var(--tinta);border-bottom:3px solid var(--tinta);justify-content:space-between;align-items:stretch;margin:12px -16px 0;padding:0 16px;display:flex}.mh-label{letter-spacing:-.05em;align-self:center;padding:6px 0;font-size:clamp(18px,5.6vw,30px);font-weight:900}.mh-num{font-family:var(--dot);padding:2px 0;font-size:clamp(34px,11vw,60px);font-weight:900;line-height:1}.mh-pie{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:10px;display:flex}.mh-small{letter-spacing:-.02em;max-width:60%;font-size:11px;font-weight:700;line-height:1.15}.mh-fecha{letter-spacing:-.05em;white-space:nowrap;background:var(--tinta);color:var(--lima);padding:2px 6px;font-size:clamp(18px,5.5vw,28px);font-weight:900}.hero-drop{background:var(--panel-2);border:3px solid var(--tinta);text-align:left;background-image:linear-gradient(var(--tinta), var(--tinta));background-size:0 0;border-radius:0;align-items:flex-start;gap:10px;padding:28px 18px 22px}.hero-drop:hover,.hero-drop.drag{background:var(--lima);border-color:var(--tinta)}.hero-paso{font-family:var(--mono);background:var(--tinta);color:var(--lima);padding:3px 7px;font-size:11px;font-weight:700}.hero-drop strong{letter-spacing:-.06em;font-size:clamp(36px,11vw,54px);font-weight:900;line-height:.9}.hero-drop .muted{color:var(--muted);font-weight:500}.hero-drop .primary.big{max-width:none}.hero-drop small{font-size:11.5px}.img-bar{background:var(--panel-2);border:3px solid var(--tinta);border-radius:0}.img-thumb{border:2px solid var(--tinta);filter:grayscale(.15)contrast(1.05);border-radius:0}.img-bar-info b{letter-spacing:-.04em;font-size:18px;font-weight:900}.primary{background:var(--tinta);color:var(--lima);letter-spacing:-.02em;border-radius:0;font-weight:800}.primary:hover{background:#2a2a2a}.primary.big{letter-spacing:-.04em;border-radius:0;font-size:20px;font-weight:900}.primary:disabled{background:var(--panel-3);color:var(--muted)}.ghost{color:var(--tinta);border:2px solid var(--tinta);background:0 0;border-radius:0;font-weight:700}.ghost:hover{background:var(--lima);border-color:var(--tinta)}.icon{border-color:var(--tinta);background:var(--panel-2);color:var(--tinta);border-radius:0}.icon.on{background:var(--tinta);color:var(--lima)}.seg{border:2px solid var(--tinta);border-radius:0}.seg button.on{background:var(--tinta);color:var(--lima)}input[type=text],input[type=number],input:not([type]),select{background:var(--panel-2);border:2px solid var(--tinta);color:var(--tinta);border-radius:0}input:focus,select:focus{border-color:var(--tinta);box-shadow:3px 3px 0 var(--lima), 3px 3px 0 1px var(--tinta)}input[type=range],.check input,.swatch-main .ms,.op-main input[type=radio]{accent-color:var(--tinta)}.tag{border:2px solid var(--tinta);color:var(--tinta);background:0 0;border-radius:0;font-weight:600}.tag.on{background:var(--tinta);color:var(--lima);border-color:var(--tinta)}.count{background:var(--tinta);color:var(--lima);font-family:var(--mono);border-radius:0;font-weight:700}.chip,.chip.grande,.chip.lg,.chip.xl,.chip.big{border-radius:0;box-shadow:inset 0 0 0 2px #000000d9}.bloque-titulo{letter-spacing:-.065em;border-bottom:3px solid var(--tinta);justify-content:space-between;align-items:flex-end;gap:10px;margin-top:6px;padding-bottom:6px;font-size:clamp(30px,9vw,44px);font-weight:900;line-height:.88;display:flex}.bt-num{font-family:var(--dot);letter-spacing:0;font-size:.95em}.prop-card{background:var(--panel-2);border:2px solid var(--tinta);border-radius:0}.prop-card.abierto{border-color:var(--tinta);box-shadow:5px 5px 0 var(--lima), 5px 5px 0 2px var(--tinta)}.prop-your-txt small,.prop-spray-txt small{color:var(--muted)}.prop-spray-txt b{letter-spacing:-.04em;font-size:20px;font-weight:900}.prop-spray-txt span{color:var(--tinta)}.prop-arrow{color:var(--tinta);font-weight:900}.prop-alts{border-top:2px solid var(--tinta)}.alts-titulo{letter-spacing:-.03em;font-size:16px;font-weight:900}.opcion{background:var(--panel);border:2px solid var(--panel-3);border-radius:0}.opcion.grande{border-radius:0}.opcion.sel{border-color:var(--tinta);background:var(--lima)}.mochila-btn{border:2px solid var(--tinta);color:var(--tinta);background:0 0;border-radius:0;font-weight:700}.mochila-btn.on{background:var(--tinta);color:var(--lima);border-color:var(--tinta)}.sin-buena{border:2px solid var(--tinta);color:var(--tinta);background:#ffe9b8;border-radius:0}.de{font-family:var(--mono);border-radius:0;font-weight:700}.de-excelente{background:var(--tinta);color:var(--lima)}.de-buena{background:var(--lima);color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta)}.de-aceptable{background:var(--panel-3);color:var(--tinta)}.de-floja{color:var(--tinta);background:#f2c9a0}.de-mala{color:var(--tinta);background:#e89787}.aviso-color{background:var(--panel-2);border:2px solid var(--tinta);color:var(--tinta);border-left-width:6px;border-radius:0}.analizando{color:var(--tinta);font-weight:700}.spin{border-color:var(--panel-3);border-top-color:var(--tinta)}.seccion{background:var(--panel-2);border:2px solid var(--tinta);border-radius:0}.seccion.abierta .seccion-head{border-bottom:2px solid var(--tinta)}.seccion-head{letter-spacing:-.04em;color:var(--tinta);font-size:19px;font-weight:900}.seccion-head .chev,.seccion-head .muted{color:var(--tinta)}.swatch-item,.menos-botes,.filtros,.match-card,.mat-item,.cat-marca,.cat-gama,.importar,.import-res,.escalera,.sketch-canvas,.preview .compare{background:var(--panel);border-color:var(--tinta);border-radius:0}.swatch-item.sel{border-color:var(--tinta);box-shadow:inset 0 0 0 2px var(--lima)}.bar{background:var(--panel-3);border-radius:0}.bar span{background:var(--tinta)}.cmp-divider{background:var(--lima);box-shadow:0 0 0 1px var(--tinta)}.cmp-tag{background:var(--tinta);color:var(--lima);font-family:var(--mono);border-radius:0}.pipeta-hint,.estado.verificado{background:var(--tinta);color:var(--lima);border-radius:0}.estado.pendiente{border-radius:0}.error-bar{color:var(--tinta);border-bottom:3px solid var(--tinta);background:#f5c2b8;font-weight:600}.desp{flex-direction:column;gap:12px;display:flex}.desp-btn{border:3px solid var(--tinta);background:var(--lima);width:100%;min-height:84px;color:var(--tinta);cursor:pointer;text-align:left;box-shadow:6px 6px 0 var(--tinta);border-radius:0;align-items:center;gap:14px;padding:12px 16px;transition:transform 80ms,box-shadow 80ms;display:flex}.desp-btn:hover{background:var(--lima-2)}.desp-btn:active{box-shadow:2px 2px 0 var(--tinta);transform:translate(4px,4px)}.desp-btn:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}.desp-num{font-family:var(--dot);flex:none;font-size:38px;font-weight:900;line-height:1}.desp-txt{flex-direction:column;gap:3px;min-width:0;display:flex}.desp-tit{letter-spacing:-.065em;font-size:clamp(26px,7.6vw,36px);font-weight:900;line-height:.88}.desp-nota{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;font-size:11.5px;font-weight:700}.desp-chev{flex:none;margin-left:auto;font-size:26px;font-weight:900;transition:transform .2s}.desp.abierto .desp-chev{transform:rotate(180deg)}.desp.abierto .desp-btn{box-shadow:none;margin-bottom:6px;transform:translate(6px,6px)}.catalogos-disp{background:var(--panel-2);border:3px solid var(--tinta);border-radius:0}.cd-marca{background:var(--panel);border:2px solid var(--tinta);border-radius:0}.cd-marca-head{border-bottom:2px solid var(--tinta);padding-bottom:8px}.cd-marca-head b{letter-spacing:-.04em;font-size:16px;font-weight:900}.cd-gama{letter-spacing:-.03em;font-size:15px;font-weight:800}.cd-ok .cd-dot{background:var(--tinta);box-shadow:2px 2px 0 var(--lima);border-radius:0}.cd-n{background:var(--tinta);color:var(--lima);font-family:var(--mono);border-radius:0;font-weight:700}.cd-chevver{color:var(--tinta);background:var(--lima);border:1.5px solid var(--tinta);padding:2px 6px;font-weight:800}.cd-ver:hover .cd-gama{color:var(--tinta);text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--lima);text-decoration-color:var(--lima)}.cd-attrs{font-family:var(--mono);text-transform:uppercase;letter-spacing:.02em;font-size:10.5px}.modal-fondo{background:#0d0d0d8c}.modal{background:var(--bg);border:3px solid var(--tinta);border-radius:0}@media (width>=700px){.modal{box-shadow:10px 10px 0 var(--lima), 10px 10px 0 3px var(--tinta);border-radius:0}}.modal-head{border-bottom:3px solid var(--tinta);padding-bottom:10px}.modal-head h2{letter-spacing:-.065em;font-size:34px;font-weight:900;line-height:.9}.carta-btn{font-weight:800;background:var(--tinta)!important;color:var(--lima)!important;border-radius:0!important}.cerrar{border:2px solid var(--tinta);border-radius:0}.cat-tile{background:var(--panel-2);border:2px solid var(--tinta);border-radius:0}.cat-tile.tengo{border-color:var(--tinta);box-shadow:4px 4px 0 var(--lima), 4px 4px 0 2px var(--tinta)}.cat-swatch{border-bottom:2px solid var(--tinta)}.cat-tile-info b{letter-spacing:-.03em;font-size:15px;font-weight:900}.cat-tile-info span{color:var(--tinta)}.cat-add{border-top:2px solid var(--tinta);color:var(--tinta);background:0 0;font-weight:800}.cat-add:hover{background:var(--lima)}.bq-chip{border:2px solid var(--tinta);color:var(--tinta);letter-spacing:-.02em;background:0 0;border-radius:0;font-weight:700}.bq-chip:hover{background:var(--lima);border-color:var(--tinta)}.bq-chip.on{background:var(--tinta);border-color:var(--tinta);color:var(--lima)}.bq-consejo{background:var(--lima);border:2px solid var(--tinta);border-left-width:2px;border-radius:0;font-weight:500}.bq-manual-btn{background:var(--tinta);color:var(--lima);letter-spacing:-.03em;border:none;border-radius:0;font-size:17px;font-weight:900}.bq-manual-btn span{color:var(--lima)}.bq-manual{background:var(--panel);border:2px solid var(--tinta);border-radius:0}.bq-manual h4{color:var(--tinta);letter-spacing:-.04em;background:var(--lima);padding:0 4px;font-size:18px;font-weight:900;display:inline-block}.bq-sec-head{border-bottom:3px solid var(--tinta);padding-bottom:4px}.bq-sec-head b{letter-spacing:-.055em;font-size:22px;font-weight:900}.bq-rango{color:var(--tinta);font-family:var(--mono);font-size:11px;font-weight:700}.bq-card{background:var(--panel);border:2px solid var(--tinta);border-radius:0}.bq-card.abierta{border-color:var(--tinta)}.bq-trazo{background:var(--tinta);border-radius:0}.bq-trazo path{fill:var(--lima);opacity:1}.bq-trazo.vacio{background:repeating-linear-gradient(45deg, var(--tinta), var(--tinta) 5px, #333 5px, #333 7px)}.bq-id b{letter-spacing:-.035em;font-size:16px;font-weight:900}.bq-chev{color:var(--tinta);font-weight:900}.bq-ficha{border-top:2px solid var(--tinta)}.bq-ficha dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding-top:2px;font-size:10.5px}.bq-ojo{color:var(--tinta);background:#ffe2d6;padding:0 4px}.pie{background:var(--tinta);color:var(--lima);font-family:var(--mono);border-top:none;padding:22px 16px 16px;font-size:11px;position:relative}.pie:before{content:"";background:conic-gradient(var(--tinta) 25%, var(--lima) 0 50%, var(--tinta) 0 75%, var(--lima) 0) 0 0 / 10px 10px;height:10px;position:absolute;top:0;left:0;right:0}.cfs-codigo{font-family:var(--display);letter-spacing:-.075em;font-weight:900}.cfs-nombre{letter-spacing:-.045em;font-weight:800}.cfs-gama{font-family:var(--mono);font-weight:700}.cfs-acciones button{border-width:2px;border-radius:0;font-weight:700}.muted{color:var(--muted)}small.muted{font-weight:500}.brand-name,.mh-titulo,.mh-label,.mh-meta,.mh-small,.hero-drop strong,.bloque-titulo,.desp-tit,.img-bar-info b,.seccion-head,.prop-spray-txt b,.alts-titulo,.modal-head h2,.bq-sec-head b,.bq-manual h4,.bq-id b,.cd-marca-head b,.cfs-nombre,.mh-fecha{word-spacing:.14em}.mh-titulo,.desp-tit,.bloque-titulo{word-spacing:.1em}.prop-spray-txt b{font-size:18px}.prop-gama{white-space:nowrap}.prop-spray-txt span{font-size:13px}@media (width<=420px){.prop-head{gap:7px;padding:10px}.chip.grande{width:40px;height:40px}}.primary,.ghost,.bq-chip,.bq-manual-btn,.mochila-btn{word-spacing:.12em}.mh-titulo{text-align:left;align-items:flex-start}.mh-titulo .mh-l1,.mh-titulo .mh-l2{white-space:nowrap;display:block}.mh-titulo .mh-l1{font-size:.805em}.mh-titulo .mh-l2{margin-top:.02em;font-size:.858em}.modelo3d{position:relative}.modelo3d canvas{display:block;width:100%!important;height:100%!important}.mh-fila2{align-items:center;gap:8px}.mh-modelo{aspect-ratio:4/3;opacity:0;pointer-events:none;flex:none;width:clamp(88px,27vw,160px);margin:-2% 0 0;transition:opacity .6s}.mh-modelo.listo{opacity:1}.mh-marcas{--text:var(--celeste);background:var(--tinta);flex:none;align-items:center;gap:12px;padding:7px 10px;display:flex}.mh-marcas .brand-logo{height:20px}.mh-marcas .brand-logo.b-loop{height:30px}@media (width<=400px){.mh-marcas{gap:9px;padding:6px 8px}.mh-marcas .brand-logo{height:15px}.mh-marcas .brand-logo.b-loop{height:23px}}.pie-creditos{font-family:var(--display);letter-spacing:-.02em;color:#fff;flex-wrap:wrap;gap:6px 22px;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.pie-creditos a{color:var(--celeste);border-bottom:2px solid;text-decoration:none}.pie-creditos a:hover{background:var(--celeste);color:var(--tinta)}.pie-aviso{opacity:.85;margin:0}.spots-lista{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.spot{background:var(--panel);border:2px solid var(--tinta);flex-direction:column;gap:10px;padding:12px;display:flex}.spot-head{align-items:center;gap:10px;display:flex}.spot-num{font-family:var(--dot);flex:none;font-size:30px;font-weight:900;line-height:1}.spot-tit{flex-direction:column;min-width:0;display:flex}.spot-tit b{letter-spacing:-.045em;word-spacing:.12em;font-size:19px;font-weight:900;line-height:1.05}.spot-tit span{color:var(--muted);font-size:13px}.spot-permiso{font-family:var(--mono);text-transform:uppercase;border:1.5px solid var(--tinta);text-align:center;flex:none;max-width:92px;margin-left:auto;padding:3px 6px;font-size:10px;font-weight:700;line-height:1.2}.spot-permiso.ok{background:var(--tinta);color:var(--celeste)}.spot-permiso.pide{background:var(--celeste)}.spot-permiso.duda{background:0 0}.spot-coord{font-family:var(--mono);background:var(--tinta);color:var(--celeste);padding:4px 8px;font-size:13px}.spot-nota{margin:0;font-size:14px}.spot-mapa{aspect-ratio:4/3;border:2px solid var(--tinta);width:100%;display:block}.spot-ver-mapa{aspect-ratio:4/3;border:2px dashed var(--tinta);cursor:pointer;background:repeating-linear-gradient(45deg, var(--panel-2), var(--panel-2) 10px, var(--panel-3) 10px, var(--panel-3) 11px);width:100%;color:var(--tinta);font-size:15px;font-weight:800}.spot-ver-mapa:hover{background:var(--celeste)}.spot-acciones{flex-wrap:wrap;gap:8px;display:flex}.spot-btn{text-align:center;background:var(--tinta);color:var(--celeste);word-spacing:.1em;flex:auto;padding:11px 12px;font-size:14px;font-weight:800;text-decoration:none}.spot-btn.sec{color:var(--tinta);border:2px solid var(--tinta);background:0 0}.spot-btn:hover{background:var(--celeste);color:var(--tinta)}.spots-aviso{background:var(--panel);border-left:6px solid var(--tinta);margin:0;padding:8px 10px;font-size:12.5px}.spot-fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.spot-valoracion{gap:2px;display:inline-flex}.ico-boq path:first-child{fill:#0000;stroke:var(--tinta);stroke-width:1.6px;stroke-linejoin:round}.ico-boq .ico-boq-hueco{fill:var(--tinta)}.ico-boq .ico-boq-linea{stroke:var(--tinta);stroke-width:1.2px;fill:none}.ico-boq.llena path:first-child{fill:var(--celeste)}.spot-fila{flex-wrap:nowrap}.spot-coord{white-space:nowrap}@media (width<=420px){.spot-coord{padding:4px 6px;font-size:11.5px}.ico-boq{width:19px;height:19px}.spot-valoracion{gap:1px}}.spot-coord{padding:4px 6px;font-size:11.5px}.ico-boq{width:19px;height:19px}.spot-valoracion{flex:none;gap:1px}.brand-badge.b-generic{background:var(--tinta);color:var(--celeste);letter-spacing:-.03em;text-transform:uppercase;border-radius:0;padding:3px 7px;font-size:12px;font-weight:900}.mh-marcas .b-generic{padding:0;font-size:15px}.marcas-cerca{border:3px solid var(--tinta);background:0 0;flex-direction:column;gap:10px;padding:14px;display:flex}.mc-tit{letter-spacing:-.05em;word-spacing:.1em;margin:0;font-size:clamp(22px,6.4vw,30px);font-weight:900;line-height:.95}.mc-sub{color:var(--tinta);opacity:.75;margin:0;font-size:13px}.mc-chips{flex-wrap:wrap;gap:8px;display:flex}.mc-chip{--text:var(--tinta);border:2px solid var(--tinta);min-height:46px;color:var(--tinta);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:8px 14px;font:800 13px/1 Inter Tight,sans-serif;display:inline-flex}.mc-chip.on{--text:var(--celeste);background:var(--tinta);color:var(--celeste)}.mc-chip .brand-logo{height:20px}.mc-chip .brand-logo.b-loop{height:30px}.mc-chip:focus-visible{outline:3px solid var(--celeste);outline-offset:2px}.mc-estado{margin:0;font-size:12.5px}.otra-marca{border:2px dashed var(--tinta);border-top:0;align-items:center;gap:8px;margin:0;padding:7px 10px;font-size:12.5px;line-height:1.3;display:flex}.otra-marca .chip{border:1px solid var(--tinta);flex:none;width:18px;height:18px}@media (width<=400px){.mc-chip{padding:8px 11px}.mc-chip .brand-logo{height:16px}.mc-chip .brand-logo.b-loop{height:25px}}