/* Ajustes (config-taller.js): tres secciones una debajo de otra (Mi perfil, Mi taller, General), cada una con su título;
   en Mi taller el logo en un solo lugar y renglones que se abren en su lugar. Colores del tema (tokens.css). */
#config-taller{max-width:860px}
/* (ya no hay barra de brincos: cada entrada abre solo lo suyo) */
.cf-ir-viejo{position:sticky;top:calc(var(--alto-cab,64px) + 4px);z-index:5;display:flex;gap:8px;margin:0 0 8px;padding:6px 0;background:var(--fondo)}
.cf-ir a{flex:1;display:grid;place-items:center;min-height:44px;padding:0 12px;border-radius:var(--radio-pildora,999px);background:var(--sup);border:1px solid var(--linea2);color:var(--texto);font:700 var(--t-3,15px)/1 var(--f);text-decoration:none;text-align:center}
.cf-bloque{margin:18px 0 0;padding:20px 0 0;border-top:2px solid var(--linea2);scroll-margin-top:calc(var(--alto-cab,64px) + 64px)}
.cf-bloque:first-of-type{border-top:0;padding-top:0}
.cf-h{margin:0;font:800 var(--t-6,26px)/1.1 var(--f);color:var(--tinta)}
.cf-sub{margin:4px 0 14px;color:var(--gris);font-size:var(--t-3,14px)}
/* el logo y el nombre arriba de Mi taller */
.cf-cab{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radio-2,16px);background:var(--sup);border:1px solid var(--linea);margin:0 0 6px}
.cf-logo{width:72px;height:72px;flex:none;border-radius:14px;background:#fff;border:1px solid var(--linea);display:grid;place-items:center;overflow:hidden}
.cf-logo img{max-width:100%;max-height:100%;object-fit:contain}
.cf-logo span{font:800 30px/1 var(--num,var(--f));color:#0B0F14}
.cf-nom{min-width:0;flex:1}
.cf-nom b{display:block;font:700 var(--t-5,20px)/1.15 var(--f);overflow-wrap:anywhere}
.cf-nom small{display:block;color:var(--gris);font-size:var(--t-3,14px);margin-top:2px;overflow-wrap:anywhere}
.cf-logo-btn{flex:none;display:inline-grid;place-items:center;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--linea2);background:var(--fondo);color:var(--texto);font:700 var(--t-3,14px) var(--f);cursor:pointer}
.cf-logo-btn.ocupado{opacity:.6;pointer-events:none}
#cfLogoMsg{margin:0 0 10px;min-height:0}
#cfLogoMsg:empty{display:none}
/* renglones de Mi taller */
.cf-grupos{display:grid;gap:10px;margin-top:10px}
.cf-sec{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;width:100%;padding:14px;border-radius:var(--radio-2,16px);border:1px solid var(--linea);background:var(--sup);color:var(--texto);text-align:left;font:inherit;cursor:pointer}
.cf-sec:hover{border-color:var(--linea2)}
.cf-sec[aria-expanded="true"]{border-color:var(--tinta);background:var(--fondo)}
.cf-ic{width:48px;height:48px;border-radius:12px;background:var(--fondo);border:1px solid var(--linea);display:grid;place-items:center}
.cf-ic svg{width:24px;height:24px;fill:none;stroke:var(--tinta);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cf-txt{min-width:0}
.cf-txt b{display:block;font:700 var(--t-4,17px)/1.2 var(--f)}
.cf-txt small{display:block;color:var(--gris);font-size:var(--t-3,14px);margin-top:2px;overflow-wrap:anywhere}
.cf-fl{color:var(--gris);font-size:22px;line-height:1;transition:transform .15s}
.cf-sec[aria-expanded="true"] .cf-fl{transform:rotate(90deg)}
.cf-dentro{padding:16px;border-radius:var(--radio-2,16px);border:1px solid var(--linea2);background:var(--fondo);min-width:0}
.cf-dentro > .titulo{display:none}
.cf-dentro .ag-tabs{display:none}
.cf-dentro input{margin-bottom:12px}
.cf-pt{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:6px;vertical-align:-2px;border:1px solid var(--linea2)}
.cf-prev{margin:0 0 12px;border-radius:12px;overflow:hidden;border:1px solid var(--linea)}
.cf-aviso b{display:block}
/* Mi perfil y General: las secciones de la ventana de Configuración, como tarjetas de la página */
.cf-perfil{display:grid;gap:12px}
.cf-perfil > section{margin:0;padding:16px;border-radius:var(--radio-2,16px);background:var(--sup);border:1px solid var(--linea);min-width:0}
.cf-perfil > section h3{margin:0 0 10px;font:700 var(--t-4,17px)/1.2 var(--f);color:var(--tinta)}
.cf-perfil label:has(+ #cfgTaller),.cf-perfil #cfgTaller,.cf-perfil p:has(> #cfgUbic){display:none}
@media (max-width:420px){.cf-cab{flex-wrap:wrap}.cf-logo-btn{width:100%}}

.cf-pronto{display:grid;gap:10px}
.cf-sec-pronto{cursor:default;opacity:.75;border-style:dashed}
.cf-sec-pronto .hub-tag{font-style:normal;font:700 var(--t-1,12px)/1 var(--f);padding:5px 9px;border-radius:999px;background:var(--fondo);border:1px solid var(--linea2);color:var(--texto2)}

/* cada entrada abre solo lo suyo */
#config-taller:not([data-ver="perfil"]) #cfSecPerfil,#config-taller:not([data-ver="taller"]) #cfSecTaller,#config-taller:not([data-ver="general"]) #cfSecGeneral{display:none}
#config-taller .cf-bloque{border-top:0;padding-top:0;margin-top:0}
#config-taller .cf-h{display:none}
.cf-grupo-t{margin:14px 2px 0;font:700 var(--t-1,12px)/1 var(--f);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.cf-perfil #miCumple{margin-top:16px}
.cf-perfil #miCumple h2{font-size:var(--t-4,17px);margin:0 0 8px}
.cf-perfil #miCumple .caja{margin:0;padding:0;border:0;background:none}
#cfgClaveGuardar{margin-top:14px}
.cf-tiempos{display:grid;gap:8px;margin:0 0 6px}
.cf-tiempo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--linea);font-weight:600}
.cf-tiempo:first-child{border-top:0}
.cf-tiempo span{min-width:0;overflow-wrap:anywhere}
.cf-tiempo select{width:auto;flex:none;margin:0;min-height:44px}