.tricolor-sim{background:#fff;padding-bottom:var(--secpad)}
.tricolor-sim__cabeza{padding:calc(var(--cab-h) + clamp(28px,4vw,56px)) 0 clamp(28px,3vw,40px)}
.tricolor-sim__titulo{font-size:clamp(34px,4.4vw,60px);max-width:16ch}
.tricolor-sim__cabeza .tricolor-lead{margin-top:16px}

.tricolor-sim__app{display:grid;grid-template-columns:230px minmax(0,1fr) 320px;gap:clamp(16px,1.8vw,26px);align-items:start}
.tricolor-sim__rotulo{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-55);margin-bottom:12px}
.tricolor-sim__paso{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--azul);color:#fff;font-size:10.5px;letter-spacing:0}

/* ── ambientes ── */
.tricolor-sim__escenas{position:sticky;top:calc(var(--cab-h) + 16px)}
.tricolor-sim__tipos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tricolor-sim__tipo{
  padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:600;
  background:#fff;box-shadow:inset 0 0 0 1px var(--linea);color:var(--tinta);
  transition:background .3s var(--ease),color .3s var(--ease);
}
.tricolor-sim__tipo[aria-pressed="true"]{background:var(--tinta);color:#fff;box-shadow:none}
.tricolor-sim__lista{list-style:none;display:grid;gap:10px;max-height:calc(100svh - var(--cab-h) - 140px);overflow:auto;padding:2px;scrollbar-width:thin}
.tricolor-sim__escena{
  position:relative;display:block;width:100%;border-radius:var(--r-m);overflow:hidden;text-align:left;
  background:#fff;box-shadow:var(--sombra-s);outline:0 solid var(--azul);outline-offset:-2px;
  transition:outline-width .3s var(--ease),transform .45s var(--ease);
}
.tricolor-sim__escena img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .9s var(--ease-lux)}
.tricolor-sim__escena:hover img{transform:scale(1.05)}
.tricolor-sim__escena.es-activa{outline-width:3px}
.tricolor-sim__escena-txt{display:grid;padding:9px 12px 10px}
.tricolor-sim__escena-txt strong{font-size:13px;line-height:1.3}
.tricolor-sim__escena-txt small{font-size:11px;color:var(--tinta-55)}

/* ── escena ── */
.tricolor-sim__centro{min-width:0}
.tricolor-sim__escenario{position:relative;overflow:hidden;border-radius:var(--r-l);background:#DAD6CE;box-shadow:var(--sombra-l);user-select:none;-webkit-user-select:none}
.tricolor-sim__foto,.tricolor-sim__lienzo,.tricolor-sim__antes{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tricolor-sim__antes{z-index:2}
.tricolor-sim__paredes{position:absolute;inset:0;z-index:3;width:100%;height:100%}
.tricolor-sim__pared{
  fill:#fff;fill-opacity:0;stroke:#fff;stroke-opacity:0;stroke-width:2;vector-effect:non-scaling-stroke;
  stroke-dasharray:6 5;cursor:pointer;outline:0;
  transition:fill-opacity .3s var(--ease),stroke-opacity .3s var(--ease);
}
.tricolor-sim__pared.es-hover,.tricolor-sim__pared:focus-visible{fill-opacity:.12;stroke-opacity:.9}
.tricolor-sim__pared.es-activa{stroke-opacity:1;stroke:#fff;animation:tricolor-hormigas 1.2s linear infinite}
.tricolor-sim__pared:focus-visible{stroke:var(--rojo)}
@keyframes tricolor-hormigas{to{stroke-dashoffset:-22}}
.tricolor-sim__cargando{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:14px;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);font-size:13px;font-weight:600;color:var(--tinta)}
.tricolor-sim__diana{width:56px;height:56px;animation:tricolor-giro 1.6s var(--ease) infinite}
@keyframes tricolor-giro{to{transform:rotate(360deg)}}
.tricolor-sim__sinjs{position:absolute;left:16px;bottom:16px;z-index:6;padding:10px 16px;border-radius:var(--r-m);background:#fff;font-size:13px}
.tricolor-sim__aviso-pared{
  position:absolute;left:50%;bottom:18px;translate:-50% 0;z-index:4;
  padding:8px 16px;border-radius:var(--r-pill);background:rgba(12,16,26,.55);backdrop-filter:blur(8px);
  font-size:12px;font-weight:600;color:#fff;pointer-events:none;white-space:nowrap;
}

.tricolor-sim__comparar{position:absolute;inset:0;z-index:4}
.tricolor-sim__comparar input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.tricolor-sim__comparar-barra{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;pointer-events:none}
.tricolor-sim__comparar-barra svg{position:absolute;top:50%;left:50%;width:46px;height:46px;translate:-50% -50%;padding:7px;border-radius:50%;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.tricolor-sim__comparar-lbl{position:absolute;top:16px;padding:5px 12px;border-radius:var(--r-pill);background:rgba(12,16,26,.5);color:#fff;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.tricolor-sim__comparar-lbl--i{left:16px}
.tricolor-sim__comparar-lbl--d{right:16px}

.tricolor-sim__barra{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 24px;margin-top:18px}
.tricolor-sim__chips-pared{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.tricolor-sim__chip-pared{
  display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:var(--r-pill);
  background:#fff;box-shadow:inset 0 0 0 1px var(--linea);font-size:13px;font-weight:600;
  transition:box-shadow .3s var(--ease),background .3s var(--ease);
}
.tricolor-sim__chip-pared.es-activa{box-shadow:inset 0 0 0 2px var(--azul)}
.tricolor-sim__chip-muestra{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:background .4s var(--ease)}
.tricolor-sim__chip-muestra.es-vacia{background:repeating-linear-gradient(45deg,#eee 0 4px,#fff 4px 8px)}
.tricolor-sim__acciones{display:flex;flex-wrap:wrap;gap:6px}
.tricolor-sim__accion{
  display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--r-pill);
  background:#fff;box-shadow:inset 0 0 0 1px var(--linea);font-size:12.5px;font-weight:600;color:var(--tinta);
  transition:background .3s var(--ease),color .3s var(--ease);
}
.tricolor-sim__accion .tricolor-icono{width:16px;height:16px}
.tricolor-sim__accion:hover:not(:disabled),.tricolor-sim__accion[aria-pressed="true"]{background:var(--azul);color:#fff;box-shadow:none}
.tricolor-sim__accion:disabled{opacity:.45;cursor:not-allowed}
.tricolor-sim__aviso{margin-top:14px;font-size:12px;color:var(--tinta-55)}

/* ── carta ── */
.tricolor-sim__paleta{position:sticky;top:calc(var(--cab-h) + 16px);border:2px solid var(--azul);border-radius:var(--r-l);background:#fff;box-shadow:var(--sombra-m)}
.tricolor-sim__asa{display:none}
.tricolor-sim__paleta-in{padding:20px;max-height:calc(100svh - var(--cab-h) - 40px);overflow:auto;scrollbar-width:thin}
.tricolor-sim__colecciones{display:grid;gap:8px;margin-bottom:14px}
.tricolor-sim__coleccion{border-radius:var(--r-m);background:var(--gris);transition:background .3s var(--ease),box-shadow .3s var(--ease)}
.tricolor-sim__coleccion.es-abierta{background:#fff;box-shadow:inset 0 0 0 1.5px var(--linea)}
.tricolor-sim__col-cabeza{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left}
.tricolor-sim__col-barra{width:42px;height:42px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tricolor-sim__col-txt{display:grid;min-width:0}
.tricolor-sim__col-txt strong{font-size:14px;line-height:1.25}
.tricolor-sim__col-txt small{font-size:11.5px;color:var(--tinta-55)}
.tricolor-sim__col-cabeza .tricolor-icono{width:18px;height:18px;color:var(--azul);transition:transform .4s var(--ease)}
.tricolor-sim__col-cabeza[aria-expanded="true"] .tricolor-icono{transform:rotate(45deg)}
.tricolor-sim__col-cuerpo{padding:2px 12px 14px}
.tricolor-sim__campo{position:relative;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tricolor-sim__campo-lienzo{display:block;width:100%;height:clamp(150px,22svh,210px);cursor:crosshair;touch-action:none}
.tricolor-sim__campo-lienzo:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.tricolor-sim__anillo{
  position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(12,16,26,.35),0 4px 10px rgba(12,16,26,.35);
  transition:left .12s ease-out,top .12s ease-out;
}
.tricolor-sim__anillo.es-claro{box-shadow:0 0 0 3px var(--tinta),0 0 0 4px #fff,0 4px 10px rgba(12,16,26,.25)}
.tricolor-sim__matiz{position:relative;margin-top:10px}
.tricolor-sim__matiz-lienzo{display:block;width:100%;height:14px;border-radius:7px;cursor:ew-resize;touch-action:none}
.tricolor-sim__matiz-cursor{position:absolute;top:50%;width:8px;height:22px;margin:-11px 0 0 -4px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px rgba(12,16,26,.3),0 2px 6px rgba(12,16,26,.3);pointer-events:none;transition:left .12s ease-out}
.tricolor-sim__elegido{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--r-m);background:var(--gris);margin-bottom:14px}
.tricolor-sim__elegido-muestra{width:54px;height:54px;border-radius:14px;background:repeating-linear-gradient(45deg,#e5e5e5 0 5px,#fff 5px 10px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);flex:none;transition:background .4s var(--ease)}
.tricolor-sim__elegido-txt{display:grid;min-width:0}
.tricolor-sim__elegido-txt strong{font-size:16px;line-height:1.2}
.tricolor-sim__elegido-txt small{font-size:12px;color:var(--tinta-55)}
.tricolor-sim__mini{font-size:11px;font-weight:600;color:var(--tinta-55);margin-bottom:8px}
.tricolor-sim__recientes{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--linea)}
.tricolor-sim__grid--recientes{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.tricolor-sim__grid--recientes .tricolor-sim__color-nombre{display:none}
.tricolor-sim__color{display:grid;width:100%}
.tricolor-sim__color-muestra{
  display:block;aspect-ratio:1;border-radius:12px;background:var(--c);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);outline:0 solid var(--azul);outline-offset:2px;
  transition:border-radius .4s var(--ease),transform .4s var(--ease),outline-width .25s var(--ease);
}
.tricolor-sim__color:hover .tricolor-sim__color-muestra{border-radius:50%;transform:scale(1.06)}
.tricolor-sim__color.es-activa .tricolor-sim__color-muestra{outline-width:2px;border-radius:50%}

.tricolor-sim__formulas{margin-top:14px;padding-top:14px;border-top:1px solid var(--linea)}
.tricolor-sim__formulas-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.tricolor-sim__formulas-cab .tricolor-sim__mini{margin:0}
.tricolor-sim__copiar{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--azul)}
.tricolor-sim__copiar .tricolor-icono{width:15px;height:15px}
.tricolor-sim__copiar:hover{color:var(--rojo)}
.tricolor-sim__formulas-lista{list-style:none;display:grid;gap:8px}
.tricolor-sim__formula{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px}
.tricolor-sim__formula-muestra{width:38px;height:38px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tricolor-sim__formula-txt{display:grid;min-width:0;line-height:1.3}
.tricolor-sim__formula-txt small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-55)}
.tricolor-sim__formula-txt strong{font-size:13.5px}
.tricolor-sim__formula-txt .tricolor-sub{font-size:12.5px;font-weight:600;color:var(--azul)}

/* ── tus colores ── */
.tricolor-sim__resumen{margin-top:28px;padding-top:26px;border-top:1px solid var(--linea)}
.tricolor-sim__resumen-cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.tricolor-sim__resumen-cab .tricolor-h3{margin-top:6px}
.tricolor-sim__resumen-acc{display:flex;flex-wrap:wrap;gap:10px}
.tricolor-sim__tus{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.tricolor-sim__tu{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-m);overflow:hidden;background:#fff;box-shadow:var(--sombra-s)}
.tricolor-sim__tu-muestra{display:grid;align-content:end;min-height:96px;padding:14px 16px;background:var(--c);color:#fff}
.tricolor-sim__tu.es-claro .tricolor-sim__tu-muestra{color:var(--tinta)}
.tricolor-sim__tu-muestra small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.tricolor-sim__tu-muestra strong{font-size:19px;letter-spacing:-.02em}
.tricolor-sim__tu-txt{padding:12px 16px 16px}
.tricolor-sim__tu-pared{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--azul)}
.tricolor-sim__tu-k{font-size:12px;color:var(--tinta-55);margin-top:6px}
.tricolor-sim__tu-formula{margin-top:3px;font-size:15px;font-weight:700;color:var(--tinta)}

.tricolor-sim__toast{position:fixed;left:50%;bottom:28px;translate:-50% 0;z-index:250;padding:12px 22px;border-radius:var(--r-pill);background:var(--tinta);color:#fff;font-size:14px;font-weight:600;box-shadow:var(--sombra-l);max-width:calc(100vw - 32px)}

/* ── pantalla completa ── */
.tricolor-sim__solo-completa,.tricolor-sim__completa-salir{display:none}
.tricolor-sim__accion--completa{background:var(--tinta);color:#fff;box-shadow:none}
html.sim-completa,html.sim-completa body{overflow:hidden}
.tricolor-sim.es-completa{position:fixed;inset:0;z-index:400;overflow:hidden;padding:0;background:#11151F;color:#fff}
.tricolor-sim.es-completa .tricolor-sim__cabeza,.tricolor-sim.es-completa .tricolor-sim__escenas,.tricolor-sim.es-completa .tricolor-sim__resumen,.tricolor-sim.es-completa .tricolor-sim__aviso{display:none}
.tricolor-sim.es-completa .tricolor-sim__app{max-width:none;height:100%;padding:16px;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:stretch}
.tricolor-sim.es-completa .tricolor-sim__centro{display:flex;flex-direction:column;min-height:0;gap:12px}
.tricolor-sim.es-completa .tricolor-sim__accion.tricolor-sim__solo-completa{display:inline-flex}
.tricolor-sim.es-completa .tricolor-sim__superficies .tricolor-sim__rotulo{display:none}
.tricolor-sim.es-completa .tricolor-sim__barra{flex-wrap:wrap}
.tricolor-sim.es-completa .tricolor-sim__superficies{min-width:0;max-width:100%}
.tricolor-sim.es-completa .tricolor-sim__chips-pared{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.tricolor-sim.es-completa .tricolor-sim__chip-pared{white-space:nowrap}
.tricolor-sim.es-completa .tricolor-sim__acciones{flex-wrap:nowrap}
.tricolor-sim.es-completa .tricolor-sim__accion:not([data-sim-pdf]):not([data-sim-completa]) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tricolor-sim.es-completa .tricolor-sim__accion:not([data-sim-pdf]):not([data-sim-completa]){padding:10px}
.tricolor-sim.es-completa .tricolor-sim__accion--completa[aria-pressed="true"]{background:#fff;color:var(--tinta)}
.tricolor-sim.es-completa .tricolor-sim__completa-cab{display:flex;align-items:center;gap:12px}
.tricolor-sim__completa-diana{width:30px;height:30px;flex:none}
.tricolor-sim__completa-select{
  appearance:none;-webkit-appearance:none;padding:9px 38px 9px 16px;border:0;border-radius:var(--r-pill);
  background:rgba(255,255,255,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center/16px;
  color:#fff;font:600 14px/1.2 inherit;font-family:inherit;cursor:pointer
}
.tricolor-sim__completa-select option{color:var(--tinta)}
.tricolor-sim.es-completa .tricolor-sim__escenario{flex:none;margin-inline:auto;border-radius:var(--r-m);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.tricolor-sim.es-completa .tricolor-sim__barra{margin-top:0;padding:10px 12px;border-radius:var(--r-m);background:rgba(255,255,255,.06);align-items:center}
.tricolor-sim.es-completa .tricolor-sim__rotulo{color:rgba(255,255,255,.6)}
.tricolor-sim.es-completa .tricolor-sim__chip-pared{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff}
.tricolor-sim.es-completa .tricolor-sim__chip-pared.es-activa{box-shadow:inset 0 0 0 2px #fff}
.tricolor-sim.es-completa .tricolor-sim__accion{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff}
.tricolor-sim.es-completa .tricolor-sim__accion:hover:not(:disabled),.tricolor-sim.es-completa .tricolor-sim__accion[aria-pressed="true"]{background:var(--azul);box-shadow:none}
.tricolor-sim.es-completa .tricolor-sim__accion[data-sim-pdf]{background:var(--rojo);box-shadow:none}
.tricolor-sim.es-completa .tricolor-sim__accion--completa{background:#fff;color:var(--tinta)}
.tricolor-sim.es-completa .tricolor-sim__completa-entrar{display:none}
.tricolor-sim.es-completa .tricolor-sim__completa-salir{display:inline}
.tricolor-sim.es-completa .tricolor-sim__paleta{position:relative;top:0;height:100%;min-height:0;color:var(--tinta);display:flex;flex-direction:column}
.tricolor-sim.es-completa .tricolor-sim__paleta-in{max-height:none;flex:1;min-height:0}

/* ── mobile: guía y pantalla completa a la vista ── */
.tricolor-sim__guia,.tricolor-sim__completa-pildora,.tricolor-sim__completa-cta,.tricolor-sim__cab-btn,.tricolor-sim__intro{display:none}
.tricolor-sim__guia{list-style:none;gap:8px;margin:0 0 10px;padding:0}
.tricolor-sim__guia li{display:inline-flex;align-items:center;gap:8px;flex:1;padding:9px 12px;border-radius:var(--r-pill);background:var(--gris);font-size:13px;font-weight:600;color:var(--tinta-55);transition:background .35s var(--ease),color .35s var(--ease)}
.tricolor-sim__guia li span{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#fff;font-size:11px;font-weight:700;color:var(--azul)}
.tricolor-sim__guia li.es-activo{background:var(--azul);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--azul) 35%,transparent)}
.tricolor-sim__guia li.es-hecho{background:color-mix(in srgb,var(--azul) 10%,#fff);color:var(--azul)}
.tricolor-sim__guia li.es-hecho span{background:var(--azul);color:#fff}
.tricolor-sim__completa-pildora{position:absolute;right:12px;top:12px;z-index:6;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-pill);background:#fff;color:var(--tinta);font-size:13px;font-weight:700;box-shadow:0 10px 26px rgba(12,16,26,.28)}
.tricolor-sim__completa-pildora .tricolor-icono{width:18px;height:18px;color:var(--azul)}
.tricolor-sim__completa-cta{width:100%;justify-content:center;gap:10px;margin-top:14px}
.tricolor-sim__completa-cta .tricolor-icono{width:18px;height:18px}
.tricolor-sim__cab-btn{align-items:center;gap:6px;flex:none;padding:9px 14px;border-radius:var(--r-pill);background:rgba(255,255,255,.12);color:#fff;font-size:13px;font-weight:700}
.tricolor-sim__cab-btn .tricolor-icono{width:17px;height:17px}
.tricolor-sim__cab-btn--salir{background:#fff;color:var(--tinta)}
.tricolor-sim__intro{position:absolute;left:50%;top:50%;z-index:7;translate:-50% -50%;margin:0;padding:12px 18px;border-radius:var(--r-pill);background:rgba(12,16,26,.78);color:#fff;font-size:14px;font-weight:600;white-space:nowrap;pointer-events:none}
.tricolor-sim.es-completa .tricolor-sim__guia,.tricolor-sim.es-completa .tricolor-sim__completa-pildora,.tricolor-sim.es-completa .tricolor-sim__completa-cta{display:none}

/* ── pantalla completa en mobile ── */
.tricolor-sim.es-completa.es-movil .tricolor-sim__app{display:flex;flex-direction:column;gap:8px;height:100%;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
.tricolor-sim.es-completa.es-movil .tricolor-sim__centro{flex:none;gap:8px}
.tricolor-sim.es-completa.es-movil .tricolor-sim__completa-cab{gap:8px}
.tricolor-sim.es-completa.es-movil .tricolor-sim__completa-diana{display:none}
.tricolor-sim.es-completa.es-movil .tricolor-sim__completa-select{flex:1;min-width:0;padding:8px 32px 8px 14px;font-size:13px}
.tricolor-sim.es-completa.es-movil .tricolor-sim__cab-btn{display:inline-flex}
.tricolor-sim.es-completa.es-movil .tricolor-sim__intro:not([hidden]){display:block}
.tricolor-sim.es-completa.es-movil .tricolor-sim__barra{flex-wrap:nowrap;gap:8px;padding:6px 8px}
.tricolor-sim.es-completa.es-movil .tricolor-sim__superficies{flex:1}
.tricolor-sim.es-completa.es-movil .tricolor-sim__acciones{display:flex;flex-wrap:nowrap;gap:4px;width:auto}
.tricolor-sim.es-completa.es-movil .tricolor-sim__acciones .tricolor-sim__accion{padding:8px;flex-direction:row}
.tricolor-sim.es-completa.es-movil .tricolor-sim__acciones .tricolor-sim__accion span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tricolor-sim.es-completa.es-movil .tricolor-sim__acciones .tricolor-sim__accion--completa,.tricolor-sim.es-completa.es-movil .tricolor-sim__acciones [data-sim-compartir]{display:none}
.tricolor-sim.es-completa.es-movil .tricolor-sim__app{position:relative}
.tricolor-sim.es-completa.es-movil.es-girada .tricolor-sim__app,.tricolor-sim.es-completa.es-movil.es-girada-inv .tricolor-sim__app{position:absolute}
.tricolor-sim.es-completa.es-movil .tricolor-sim__paleta{position:absolute;left:0;right:0;bottom:0;top:auto;z-index:8;height:56%;max-height:none;margin:0;display:flex;flex-direction:column;overflow:hidden;color:var(--tinta);border-radius:var(--r-m) var(--r-m) 0 0}
.tricolor-sim.es-completa.es-movil .tricolor-sim__paleta-in{flex:1;min-height:0;max-height:none;overflow:auto;padding:4px 12px 12px}
.tricolor-sim.es-completa.es-movil:not(.es-apaisada) .tricolor-sim__paleta{transform:translateY(105%);visibility:hidden;transition:transform .42s var(--ease-lux),visibility 0s linear .42s}
.tricolor-sim.es-completa.es-movil:not(.es-apaisada) .tricolor-sim__paleta.es-abierta{transform:none;visibility:visible;transition:transform .42s var(--ease-lux),visibility 0s}
.tricolor-sim.es-completa.es-movil .tricolor-sim__asa{display:flex}
.tricolor-sim.es-completa.es-movil .tricolor-sim__rotulo--paleta{display:none}
.tricolor-sim.es-completa.es-movil.es-apaisada .tricolor-sim__app{display:grid;grid-template-columns:minmax(0,1fr) 0;column-gap:0;grid-template-rows:minmax(0,1fr);align-items:stretch;transition:grid-template-columns .42s var(--ease-lux),column-gap .42s var(--ease-lux)}
.tricolor-sim.es-completa.es-movil.es-apaisada .tricolor-sim__app:has(.tricolor-sim__paleta.es-abierta){grid-template-columns:minmax(0,1fr) min(300px,40%);column-gap:8px}
.tricolor-sim.es-completa.es-movil.es-apaisada .tricolor-sim__centro{min-height:0;justify-content:space-between}
.tricolor-sim.es-completa.es-movil.es-apaisada .tricolor-sim__paleta{position:relative;height:100%;min-width:0;border-radius:var(--r-m);transform:none;visibility:visible;transition:none}
.tricolor-sim.es-completa.es-movil.es-apaisada .tricolor-sim__asa::before{display:none}
.tricolor-sim.es-completa.es-girada .tricolor-sim__app,.tricolor-sim.es-completa.es-girada-inv .tricolor-sim__app{position:absolute;top:0;left:0;width:100vh;width:100dvh;height:100vw;transform-origin:0 0;transform:translateX(100vw) rotate(90deg)}
.tricolor-sim.es-completa.es-girada-inv .tricolor-sim__app{transform:translateY(100vh) rotate(-90deg);transform:translateY(100dvh) rotate(-90deg)}
.tricolor-sim__escenario:has(.tricolor-sim__intro:not([hidden])) .tricolor-sim__aviso-pared{display:none}

/* ── responsive ── */
@media (max-width:1180px){
  .tricolor-sim__app{grid-template-columns:minmax(0,1fr) 300px}
  .tricolor-sim__escenas{grid-column:1/-1;position:static}
  .tricolor-sim__lista{display:flex;gap:10px;overflow-x:auto;max-height:none;scroll-snap-type:x mandatory;padding-bottom:6px}
  .tricolor-sim__lista li{flex:0 0 180px;scroll-snap-align:start}
}
@media (max-width:900px){
  .tricolor-sim__app{grid-template-columns:minmax(0,1fr)}
  .tricolor-sim__paleta{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:160;margin:0;max-height:60svh;display:flex;flex-direction:column;border:0;border-radius:var(--r-l) var(--r-l) 0 0;box-shadow:0 -20px 60px rgba(12,16,26,.24);transform:translateY(105%);visibility:hidden;transition:transform .42s var(--ease-lux),visibility 0s linear .42s}
  .tricolor-sim__paleta.es-abierta{transform:none;visibility:visible;transition:transform .42s var(--ease-lux),visibility 0s}
  .tricolor-sim__paleta-in{flex:1;min-height:0;max-height:none;overflow:auto;padding:4px 16px calc(16px + env(safe-area-inset-bottom))}
  .tricolor-sim__asa{display:flex;align-items:center;gap:12px;flex:none;width:100%;padding:18px 18px 12px;text-align:left;position:relative}
  .tricolor-sim__asa::before{content:"";position:absolute;left:50%;top:7px;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--linea)}
  .tricolor-sim__asa-muestra{flex:none;width:30px;height:30px;border-radius:50%;background:repeating-linear-gradient(45deg,#e5e5e5 0 4px,#fff 4px 8px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
  .tricolor-sim__asa-txt{display:grid;min-width:0;line-height:1.2}
  .tricolor-sim__asa-txt small{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-55)}
  .tricolor-sim__asa-txt strong{font-size:16px;color:var(--azul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tricolor-sim__asa .tricolor-icono{margin-left:auto;flex:none;width:34px;height:34px;padding:8px;border-radius:50%;background:var(--gris);color:var(--tinta)}
  .tricolor-sim__rotulo--paleta{display:none}
  .tricolor-sim__guia{display:flex}
  .tricolor-sim__completa-pildora{display:inline-flex}
  .tricolor-sim__completa-cta{display:flex}
  .tricolor-sim__acciones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}
  .tricolor-sim__acciones .tricolor-sim__accion--completa{display:none}
  .tricolor-sim__acciones .tricolor-sim__accion{flex-direction:column;gap:4px;padding:9px 4px;border-radius:var(--r-m);font-size:10.5px;line-height:1.15;text-align:center}
  .tricolor-sim__acciones .tricolor-sim__accion span{white-space:normal}
  .tricolor-sim__toast{bottom:24px}
}
.tricolor-sim.es-completa ~ .tricolor-sim__toast,.tricolor-sim.es-completa .tricolor-sim__toast{z-index:420}
@media (prefers-reduced-motion:reduce){
  .tricolor-sim__pared.es-activa,.tricolor-sim__diana{animation:none}
  .tricolor-sim__paleta,.tricolor-sim.es-completa.es-movil.es-apaisada .tricolor-sim__app{transition:none}
}