/* Thot Creative · © 2026 Webs Creative LLC · Todos los derechos reservados · Configurador */
.tc-cfg__rejilla{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:1rem;align-items:start}
.tc-cfg__resumen{position:sticky;top:1rem;max-height:calc(100dvh - 2rem);overflow:auto}
.tc-cfg__pasos{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.tc-cfg__paso{border:1px solid var(--gc-borde,rgba(128,128,128,.3));background:transparent;color:inherit;border-radius:999px;padding:.35rem .8rem;cursor:pointer;font:inherit}
.tc-cfg__paso--activo{background:var(--a1,#6d5efc);color:var(--gc-sobre-color,#fff);border-color:transparent}
.tc-cfg__pregunta{border:0;padding:0;margin:0 0 1.4rem}
.tc-cfg__pregunta legend{font-weight:600;margin-bottom:.3rem}
.tc-cfg__ayuda{margin:.1rem 0 .6rem;opacity:.7;font-size:.9em}
.tc-cfg__opciones{display:flex;flex-wrap:wrap;gap:.5rem}
.tc-cfg__opcion{border:1px solid var(--gc-borde,rgba(128,128,128,.3));background:transparent;color:inherit;border-radius:var(--r,12px);padding:.5rem .9rem;cursor:pointer;font:inherit;min-height:2.5rem}
.tc-cfg__opcion--sel{background:color-mix(in srgb,var(--a1,#6d5efc) 22%,transparent);border-color:var(--a1,#6d5efc)}
.tc-cfg__opcion:focus-visible,.tc-cfg__paso:focus-visible{outline:2px solid var(--a1,#6d5efc);outline-offset:2px}
.tc-cfg__navegar{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}
.tc-cfg__precio{display:grid;gap:.25rem;margin-bottom:.6rem}
.tc-cfg__conmutador{display:inline-flex;border:1px solid var(--gc-borde,rgba(128,128,128,.3));border-radius:999px;overflow:hidden;width:max-content}
.tc-cfg__conmutador button{border:0;background:transparent;color:inherit;padding:.3rem .8rem;cursor:pointer;font:inherit}
.tc-cfg__conmutador .on{background:var(--a1,#6d5efc);color:var(--gc-sobre-color,#fff)}
.tc-cfg__cifra{font-size:2rem;font-variant-numeric:tabular-nums}
.tc-cfg__sin,.tc-cfg__motivo{opacity:.7;font-size:.85em}
.tc-cfg__conmuta{display:flex;gap:.4rem;align-items:center;font-size:.85em;margin-bottom:.8rem}
.tc-cfg__titulo{font-size:1rem;margin:.5rem 0}
.tc-cfg__lista{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.tc-cfg__lista li{display:grid;gap:.1rem}
.tc-cfg__nombre{font-weight:600}
.tc-cfg__quitar{justify-self:start;border:0;background:none;color:inherit;opacity:.7;text-decoration:underline;cursor:pointer;padding:0;font:inherit;font-size:.85em}
.tc-cfg__oblig{font-size:.8em;opacity:.6}
@media (max-width:820px){.tc-cfg__rejilla{grid-template-columns:1fr}.tc-cfg__resumen{position:static;max-height:none}}