:root{--radius:0px;--font-size:17px;--card-opacity:50;--btn-radius:0px;--btn-opacity:1.00;--border-width:1px;--shadow-opacity:0.3665;--block-padding:20px;--bg:#0b0f14;--panel:#11161d;--line:color-mix(in srgb,var(--text) 40%,transparent);--border-color-custom:rgba(0,102,0,0.4);--text:#00CC00;--ayuda-text:#00ff00;--img-radius:0px;--img-filter:none;--img-brightness:1;--muted:#8b949e;--accent:#00FF00;--ok:#00FF00;--warn:#FFFF00;--main-block-bg:#003300;--main-block-bg-solid:#003300;--gestion-block-bg:#003300;--footer-top-bg-val:#003300;--footer-bottom-bg-val:#003300;--shade:color-mix(in srgb,var(--main-block-bg) 90%,#000 10%);--wrap-w:95%;--logo-hue:90deg}
*{box-sizing:border-box}
html{scrollbar-gutter:stable;overflow-y:scroll;font-size:var(--font-size);background:linear-gradient(135deg,#002200 0%,#002200 100%);min-height:100%}@media(orientation:landscape) and (max-height:500px){html{scrollbar-gutter:auto}}
body{margin:0;color:var(--text);font-family:var(--font-family-base,Calibri,Arial,sans-serif);background:inherit;min-height:100vh;display:flex;flex-direction:column}
.wrap{width:95%;max-width:100%;margin:0 auto;padding:32px 0 0;box-sizing:border-box;flex:0;display:flex;flex-direction:column;opacity:1;transition:opacity 400ms ease-out}
html.afx-loaded .wrap{opacity:1}
html.fs-mode .wrap{opacity:1!important;transition:none!important}
/* Soporte para "notch" / áreas seguras (iPhone con Dynamic Island, etc.).
   Movido aquí (auditoría de rendimiento) para evitar el salto visible de
   ancho de .wrap en iPhone al llegar tarde vía css.php. Ver base.php para
   la explicación completa. */
@supports (padding: env(safe-area-inset-left)){.wrap{padding-left:max(0px,env(safe-area-inset-left))!important;padding-right:max(0px,env(safe-area-inset-right))!important}}

.hero{display:block;align-items:stretch}
.card{background:var(--main-block-bg);border:var(--border-width) solid var(--border-color-custom,var(--line));border-radius:var(--radius);padding:var(--block-padding);box-shadow:0 14px 14px -8px rgba(0,0,0,var(--shadow-opacity,.55));overflow:hidden}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tag{display:inline-block;padding:4px 8px;border-radius:var(--btn-radius);background:var(--shade);color:var(--text);border:var(--border-width) solid var(--border-color-custom,var(--line));margin-right:6px;font-size:calc(var(--font-size) - 5px);font-weight:400}
h1{margin:0 0 12px 0;font-size:calc(var(--header-font-size) * 4);line-height:1;display:flex;align-items:center;color:var(--accent);font-family:var(--header-font-family);text-transform:uppercase;letter-spacing:.05em;font-weight:400;font-synthesis:none;overflow-wrap:break-word;word-break:break-word;max-width:100%}p.lead{margin:0 0 4px 0;color:var(--text);font-size:var(--font-size);line-height:1.6;white-space:pre-line}.muted{color:var(--muted)}
.lead-wrap{position:relative;margin-bottom:var(--block-padding)}
#lead-vista div{margin-bottom:0!important}
.btn-edit-lead{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--btn-radius);border:var(--border-width) solid var(--border-color-custom,var(--line));background:var(--shade);color:var(--text);font:inherit;cursor:pointer;transition:all var(--anim-speed,0s);padding:0}
.lead-editor{display:none;flex-direction:row;gap:10px;align-items:flex-start;margin-bottom:var(--block-padding)}
.lead-editor textarea{flex:1;min-width:0;background:transparent;border:var(--border-width) solid var(--border-color-custom,var(--line))!important;border-radius:0;color:var(--text);font:inherit;font-size:var(--font-size);padding:10px;resize:vertical;overflow:hidden;outline:none;line-height:1.4}
.lead-editor textarea:focus{border-color:var(--border-color-custom,var(--line))!important}
.lead-editor-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0;align-self:stretch}
html body .lead-editor-actions .btn-guardar-bloque,
html body .lead-editor-actions .btn-cancelar-bloque,
html body .btn-edit-bloque{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;flex-grow:0!important;box-sizing:border-box!important}
.bloque-editor-actions .btn-guardar-bloque,.bloque-editor-actions .btn-cancelar-bloque{background:transparent!important;border:none!important;color:var(--text)!important;opacity:.4;transition:opacity var(--anim-speed,0s)!important}
.bloque-editor-actions button{background:transparent!important;border:none!important;color:var(--text)!important;opacity:.4!important}
.btn-guardar-lead{height:var(--input-size);padding:0 calc(var(--block-padding) * 2);border-radius:var(--btn-radius);border:var(--border-width) solid var(--border-color-custom,var(--line));background:var(--shade);color:var(--text);font:inherit;font-size:var(--font-size);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.btn-cancelar-lead{padding:6px 14px;border-radius:var(--btn-radius);border:var(--border-width) solid var(--border-color-custom,var(--line));background:none;color:var(--text);font:inherit;font-size:13px;cursor:pointer}

.stats{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:0;
  background:transparent;
  border-radius:var(--radius);
  border:max(1px,var(--border-width)) solid var(--border-color-custom,var(--line));
  overflow:hidden;
  margin-top:0;
  margin-bottom:0;
  transition:border-color var(--anim-speed,0s);
}
.stats:hover{border-color:var(--accent)!important;z-index:2}
/* (2026-10-13, Arturo) Logo, foto de perfil del usuario y logo del despacho sin «bordecito»: ni el borde del tema ni la línea interior global (outline). */
html body .img-btn-inner{border:0!important;outline:none!important}
@media(max-width:900px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gestion-info{transition:border-color var(--anim-speed,0s)}
html body .gestion-info:hover{border-color:var(--accent)!important;z-index:2}
html body #bloque-usuario.gestion-info:hover{border-color:var(--accent)!important;z-index:2}
html body #bloque-ambitos.gestion-info:hover{border-color:var(--accent)!important;z-index:2}



.stat {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  background:color-mix(in srgb, var(--shade) 85%, #fff 15%);
  border:none;
  border-radius:0;
  padding:calc(var(--block-padding) * 0.75) 6px calc(var(--block-padding) * 0.75) 6px;
  text-align:center;
  min-width:0;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  transition:background .15s ease;
}
/* Fondos sutiles aleatorios para cada bloque de estadística */
.stats .stat:nth-child(8n+1){background:color-mix(in srgb, var(--shade) 100%, #000 0%)!important}
.stats .stat:nth-child(8n+2){background:color-mix(in srgb, var(--shade) 96%, #000 4%)!important}
.stats .stat:nth-child(8n+3){background:color-mix(in srgb, var(--shade) 92%, #000 8%)!important}
.stats .stat:nth-child(8n+4){background:color-mix(in srgb, var(--shade) 88%, #000 12%)!important}
.stats .stat:nth-child(8n+5){background:color-mix(in srgb, var(--shade) 84%, #000 16%)!important}
.stats .stat:nth-child(8n+6){background:color-mix(in srgb, var(--shade) 80%, #000 20%)!important}
.stats .stat:nth-child(8n+7){background:color-mix(in srgb, var(--shade) 76%, #000 24%)!important}
.stats .stat:nth-child(8n){background:color-mix(in srgb, var(--shade) 72%, #000 28%)!important}
/* Hover/focus: oscurecer fondo 10% sin borde */
a.stat{overflow:hidden;position:relative}
/* Overlay ::after para hover - oscurece solo el contenido, sin tocar el gap/borde del .stats */
a.stat::after{
  content:'';
  position:absolute;inset:0;
  background:rgba(0,0,0,0);
  transition:background var(--anim-speed,0s);
  pointer-events:none;
  z-index:1;
}
a.stat,a.stat.verde,a.stat.amarillo,a.stat.rojo,a.stat.azul,a.stat.muted{
  border:none;
  transition:background .15s ease;
}
a.stat:hover::after,a.stat:focus-visible::after{
  background:rgba(0,0,0,.10);
}
a.stat:hover,a.stat:focus-visible{
  transform:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
  filter:none!important;
  z-index:2;
}

/* Modo estático para afectados y visitantes sin sesión */
.stat.stat-static{cursor:default}
.stat.stat-static:hover{transform:none!important;box-shadow:none!important;border-color:transparent!important;filter:none!important}

.stat .n{font-family:var(--header-font-family)!important;font-size:var(--header-font-size)!important;font-weight:700!important;font-synthesis:none;margin-bottom:3px;line-height:1.1;color:var(--accent);background:rgba(0,0,0,.45);padding:2px 8px;border-radius:4px;display:inline-block}
.stat .n.verde{color:var(--ok)}
.stat .n.amarillo{color:var(--warn)}
.stat .n.rojo{color:var(--err)}
.stat .n.azul{color:var(--afectax-azul)}
.stat .n.muted{color:var(--muted)}
.stat .n.accent{color:var(--accent)}
/* Números de estadísticas siempre en color accent (2026-09-26) */
.stats .stat .n,.stats .stat .n.verde,.stats .stat .n.amarillo,.stats .stat .n.rojo,.stats .stat .n.azul,.stats .stat .n.muted,.stats .stat .n.accent{color:var(--accent)!important}

.stat .k{}
/* Tema "Operador": todos los números de las estadísticas en verde fósforo,
   con prioridad sobre las clases de color específicas (.verde, .amarillo, etc.). */
html.tema-operador /* En modo Operador, el highlight del borde, sombra interna y la etiqueta
   en hover/focus también se unifican al verde fósforo (sobrescribe las
   variantes cromáticas .verde/.amarillo/.rojo/.azul/.muted del botón). */
html.tema-operador a.stat,
html.tema-operador a.stat.verde,
html.tema-operador a.stat.amarillo,
html.tema-operador a.stat.rojo,
html.tema-operador a.stat.azul,
html.tema-operador a.stat.muted{--btn-color:var(--accent)}
.stat .k{font-family:var(--font-family-base);font-size:var(--btn-font-size)!important;font-weight:700!important;color:var(--text);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px;transition:color .15s ease}
/* Tamaño de las etiquetas secundarias (2026-09-25); más específico que la regla global de «Textos interiores de bloques» */
.stats .stat .k{font-size:var(--btn-font-size)!important}
/* Banda central */
.gestion{display:grid;grid-template-columns:1fr 1fr;gap:var(--bloque-gap,20px);column-gap:var(--bloque-gap,20px);margin-top:var(--bloque-gap,20px)}
.gestion-card{background:var(--gestion-block-bg);border:var(--border-width) solid var(--border-color-custom,var(--line));border-radius:var(--radius);padding:var(--block-padding);box-shadow:0 14px 14px -8px rgba(0,0,0,var(--shadow-opacity,.55));display:flex;flex-direction:column;gap:7px}
.gestion-card h2{margin:0;font-size:16px;color:var(--accent);background:none!important;padding:0!important;border-radius:0!important}
.gestion-info{background:var(--main-block-bg);border:max(1px,var(--border-width)) solid var(--border-color-custom,var(--line));border-radius:calc(var(--radius) - 2px);padding:var(--block-padding);flex:1;margin-bottom:var(--bloque-gap,20px)}
.gestion-info .etiqueta{font-size:calc(var(--font-size) - 6px);color:var(--text);margin-bottom:4px}
.gestion-info .valor{font-size:calc(var(--font-size) - 1px);color:var(--text);font-weight:600;line-height:1.4}
.gestion-info .sin-dato{font-size:calc(var(--font-size) - 1px);color:var(--text)}
.gestion-info .subtexto{font-size:calc(var(--font-size) - 5px);color:var(--text);line-height:1.4}
.gestion-card-header{display:flex;align-items:center;gap:8px;margin-bottom:0}
.gestion-card-header h2{margin:0;flex:1;line-height:calc(1em + 7px)}
.btn-sesion{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:var(--btn-radius);border:var(--border-width) solid var(--border-color-custom,var(--line));background:#1b2430;color:#fff;text-decoration:none;font-size:13px;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:filter var(--anim-speed,0s),background var(--anim-speed,0s),border-color var(--anim-speed,0s)}
.btn-sesion:hover{opacity:1!important;filter:brightness(.85) saturate(var(--btn-saturation,100%))!important}
.btn-sesion.login{border-color:var(--ok)!important;background:var(--ok)!important;color:var(--ok-text)!important}
.btn-sesion.login:hover{background:var(--ok)!important;border-color:var(--ok)!important;opacity:1!important;filter:brightness(.85) saturate(var(--btn-saturation,100%))!important}
.btn-sesion.logout{border-color:var(--err)!important;background:var(--err)!important;color:var(--err-text)!important}
.btn-sesion.logout:hover{background:var(--err)!important;border-color:var(--err)!important;opacity:1!important;filter:brightness(.85) saturate(var(--btn-saturation,100%))!important}
.btn-sesion.pulsa{animation:pulsa 2s ease-in-out infinite}
.btn-sesion.crear-cuenta{border-color:#5a4a00;background:#2a2200;color:var(--warn);font-weight:400;animation:pulsa 1.6s ease-in-out infinite}
.btn-sesion.inactivo{background:#161b22;border-color:#21262d;color:#444;pointer-events:none;cursor:default;filter:none}
#login-usuario:focus,#login-pass:focus{border-color:var(--accent)}
#auth-box input{background:#0f141a!important;color:var(--text)!important;border:var(--border-width) solid var(--border-color-custom,var(--line));border-radius:var(--btn-radius);padding:10px 12px;font:inherit;font-size:14px;outline:none}
#auth-box input:focus{border-color:var(--accent)}
#auth-box input:-webkit-autofill,#auth-box input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)!important;transition:background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s, -webkit-text-fill-color 5000s ease-in-out 0s!important}
.auth-botones{display:flex;gap:8px;align-items:center}
.auth-error{color:var(--err);font-size:13px;display:none}
.auth-ok{color:var(--ok);font-size:13px;display:none}
@keyframes pulsa{0%,100%{opacity:1}50%{opacity:.35}}
.aviso-firma{margin-top:8px;font-size:12px;color:var(--warn);line-height:1.5}
.ambitos-lista{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;width:100%;box-sizing:border-box}
.ambitos-lista.amb-por-letra{flex-direction:column;flex-wrap:nowrap;gap:8px}
.amb-por-letra .amb-letra{display:flex;gap:6px;flex-wrap:wrap}
.ambitos-lista .ambito-tag{height:auto!important;max-width:none!important;font-size:calc(var(--font-size) - 2px)!important;font-weight:400!important;padding:5px 10px!important;white-space:nowrap!important;line-height:1!important;display:inline-flex!important;align-items:center!important}
/* Sección inferior */
.section{margin-top:var(--bloque-gap,20px);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bloque-gap,20px)}@media(max-width:1024px){.idx-dash-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:600px){.idx-dash-grid{grid-template-columns:1fr!important}}
.section > .card:last-child:nth-child(3n+1){grid-column:1/-1}
.section > .col-pair.solo-en-fila{grid-column:1 / -1!important}
.section .col-pair h1{font-size:calc(var(--header-font-size) * 4)!important}
.section h2{margin:0;font-size:16px;color:var(--accent);overflow-wrap:anywhere;word-break:normal;hyphens:none}.list{margin:10px 0 0 0;padding-left:18px;color:var(--text)}
.section-card-header{overflow:visible!important}
/* Bloques apilados en columna: esquinas interiores rectas y sin sombra en el superior */
.col-pair{display:flex!important;flex-direction:column!important;gap:0!important}
.col-pair > .card,.col-pair-top{margin-top:0!important;margin-bottom:0!important;padding-top:calc(var(--block-padding) - 8px)!important;padding-bottom:var(--block-padding)!important}
.col-pair > .card:first-child{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important;background:color-mix(in srgb,var(--main-block-bg) 80%,#000 20%)!important;box-shadow:none!important}
.col-pair > .card:first-child .lead{font-family:var(--header-font-family)!important;font-size:var(--header-font-size)!important;font-weight:400!important;font-synthesis:none!important;text-transform:uppercase!important;color:var(--accent)!important;letter-spacing:.05em!important;margin:0!important;line-height:1!important;overflow-wrap:anywhere;word-break:normal;hyphens:none}
.col-pair > .card:first-child .lead div{margin:0!important}
.col-pair > .card:last-child{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important;padding-bottom:var(--block-padding)!important;flex:1}
.col-pair > .card:last-child .lead div{margin-bottom:0!important}
/* Editor cabecera: textarea con mismos estilos que el h2 */

.gestion-card-header{padding-top:calc(var(--block-padding) - 8px)!important;padding-bottom:var(--block-padding)!important}
/* Bloques 5a/5b sobre gestion-cards */
.col-pair-top + .gestion-card,.col-pair-top + .gestion-info{border-top-left-radius:0!important;border-top-right-radius:0!important}
html body .card.col-pair-top{background:var(--section-hdr-bg,color-mix(in srgb,var(--main-block-bg) 80%,#000 20%))!important;box-shadow:none!important;border-bottom:none!important}
.col-pair-top .lead{font-family:var(--header-font-family)!important;font-size:var(--header-font-size)!important;font-weight:400!important;font-synthesis:none!important;text-transform:uppercase!important;color:var(--accent)!important;letter-spacing:.05em!important;margin:0!important;line-height:1!important}
.col-pair-top .lead div{margin:0!important}
.gestion-pair{min-width:0;display:flex;flex-direction:column;box-shadow:0 14px 14px -8px rgba(0,0,0,var(--shadow-opacity,.55));border-radius:var(--radius);overflow:hidden}
.gestion-pair > .gestion-card{flex:1;border:none!important;border-radius:0!important;margin-top:0!important;box-shadow:none!important}
.gestion-pair > .gestion-info{flex:1;border:none!important;border-radius:0!important;margin-top:0!important;box-shadow:none!important;margin-bottom:0!important}
.gestion-pair > .gestion-info + .gestion-link{border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:var(--radius)!important;border-bottom-right-radius:var(--radius)!important;margin-top:calc(-1 * max(1px,var(--border-width)))!important}
.gestion-pair > .gestion-info:has(+ .gestion-link){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}

/* Hover en col-pair y gestion-pair como bloque único */
.col-pair{transition:filter var(--anim-speed,0s)}
.gestion-pair{transition:filter var(--anim-speed,0s)}
.col-pair > .card:hover,
.gestion-pair > .card:hover,
.gestion-pair > .gestion-card:hover{border-color:var(--accent)!important}
.col-pair:hover > .card,
.col-pair:hover > .col-pair-top{border-color:var(--accent)!important}
.gestion-pair:hover > .card,
.gestion-pair:hover > .gestion-card,
.gestion-pair:hover > .col-pair-top{border-color:var(--accent)!important}
.gestion-pair:hover .gestion-info{border-color:var(--accent)!important}
.gestion-pair:hover{border-color:var(--accent)!important}
/* Ámbitos: grupos «Del sistema» / «De tu despacho» (2026-09-24). La línea
   divisoria va de borde a borde del bloque, con el mismo grosor y color que
   su borde, y cambia de color con él al pasar el ratón. */
.amb-idx-grupo{box-sizing:border-box;display:flex;align-items:center;min-height:calc(min(var(--input-size),40px) + var(--block-padding) * 2 + var(--border-width,1px));margin:var(--block-padding) calc(-1 * var(--block-padding));font-family:var(--header-font-family);font-size:var(--header-font-size);font-weight:400;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--section-hdr-bg,color-mix(in srgb,var(--main-block-bg-solid) 80%,#000 20%)) 70%,var(--main-block-bg-solid) 30%);border-top:var(--border-width) solid var(--border-color-custom,var(--line));border-bottom:var(--border-width) solid var(--border-color-custom,var(--line));transition:border-color var(--anim-speed,0s)}
  .amb-idx-grupo.amb-idx-g1{margin-top:calc(-1 * var(--block-padding));border-top:none}
  .gestion-pair:hover .amb-idx-grupo{border-top-color:var(--accent)!important;border-bottom-color:var(--accent)!important}
  .gestion-pair:hover .amb-idx-grupo.amb-idx-g1{border-top-color:transparent!important}
.amb-idx-vacio{margin:0;font-size:var(--font-size);color:var(--text);opacity:.6}
.amb-idx-sep{border-top:var(--border-width) solid var(--border-color-custom,var(--line));margin:var(--block-padding) calc(-1 * var(--block-padding));transition:border-color var(--anim-speed,0s)}
.gestion-pair:hover .amb-idx-sep{border-top-color:var(--accent)!important}
.col-pair:hover .gestion-info{border-color:var(--accent)!important}
.gestion-card:hover .gestion-info{border-color:var(--accent)!important}
.gestion-info:hover{border-color:var(--accent)!important}

.aside-title{margin:0 0 14px 0;font-size:calc(var(--font-size) + 7px);color:var(--accent)}.panelbox{display:grid;gap:14px}.mini{padding:14px 16px;background:color-mix(in srgb,var(--main-block-bg) 90%,#000 10%);border:var(--border-width) solid var(--border-color-custom,var(--line));border-radius:var(--radius)}.mini strong{display:block;margin-bottom:6px}.mini .muted{white-space:pre-line}
.footer{margin-top:auto;background:transparent;border:var(--border-width) solid var(--border-color-custom,var(--line));border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;padding:0;color:var(--muted);font-size:var(--font-size);overflow:hidden;flex:1;display:flex;flex-direction:column;min-width:0;width:100%}
.footer a,.footer .bloque-vista a,.footer .bloque-vista a:visited{color:var(--accent);text-decoration:none}
.toplinks-priv:hover{opacity:.72!important}

.footer-priv svg{stroke:var(--accent)!important;color:var(--accent)!important}

.footer-priv:hover svg{filter:brightness(0.75)!important}
#columna-lateral-ayuda .card,#columna-lateral-ayuda .info-card,#bloque-lateral-ayuda{background:rgba(80,65,0,calc(var(--card-opacity) / 75));border:5px solid var(--accent)!important;padding:var(--block-padding)!important;box-shadow:0 14px 14px -8px rgba(0,0,0,var(--shadow-opacity,.55))!important;border-radius:var(--radius)!important}
#columna-lateral-ayuda .card *,#columna-lateral-ayuda .info-card *,#bloque-lateral-ayuda *{font-weight:400!important;font-size:var(--font-size)!important;color:var(--ayuda-text,var(--text))!important}
#columna-lateral-ayuda .card strong,#columna-lateral-ayuda .card b,#columna-lateral-ayuda .info-card strong,#columna-lateral-ayuda .info-card b,#bloque-lateral-ayuda strong,#bloque-lateral-ayuda b{font-weight:400!important}
html.ocultar-bloques-ayuda #columna-lateral-ayuda{display:none !important}
.footer .toplinks-priv{color:var(--accent)!important}
.footer a:hover,.footer .bloque-vista a:hover{color:var(--text);text-decoration:underline}
.footer a.contacto-mail{color:var(--accent)!important;text-decoration:none}
.footer a.contacto-mail:hover{color:var(--text)!important;text-decoration:none}
.footer .bloque-vista,.footer .bloque-vista *,.footer .bloque-vista p,.footer .bloque-vista div,.footer .bloque-vista span,.footer .bloque-vista li{color:var(--accent)!important;font-weight:400!important}
.footer .bloque-vista strong,.footer .bloque-vista b,.footer .bloque-vista .accent{color:var(--accent)!important;font-weight:400!important}
.footer .bloque-vista em{color:var(--accent)!important}
.card-header-edit{display:flex;align-items:center;gap:8px;margin-bottom:0}
.card-header-edit h2{margin:0;flex:1}
.bloque-vista{margin:0;padding:0;color:var(--text);hyphens:none;overflow-wrap:anywhere;word-break:normal}

.bloque-editor{display:none;flex-direction:column;gap:8px;margin-top:0}
.bloque-editor textarea{background:transparent;border:none;box-shadow:none;border-radius:0;color:var(--text);font:inherit;font-size:var(--font-size);line-height:1.4em;padding:0;resize:vertical;min-height:59px;outline:none;overflow:hidden}
.bloque-editor textarea:focus{border-color:var(--border-color-custom,var(--line))!important}
.bloque-editor-actions{display:flex;gap:8px}
/* btn-guardar-bloque y btn-cancelar-bloque: estilos centralizados en
   botonera_css.php (32×32, verde/rojo, SVG blanco). No definir aquí
   reglas locales que puedan interferir. */
.btn-edit-bloque{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:0;border:none;background:transparent;color:var(--text);font:inherit;font-size:var(--font-size);cursor:pointer;transition:opacity var(--anim-speed,0s);padding:0;flex-shrink:0;align-self:flex-start;opacity:.4}
.card-inline-editor{display:none;flex-direction:column;gap:8px;margin-top:7px}
.card-inline-editor.abierto{display:flex}
.card-inline-editor textarea{background:color-mix(in srgb,var(--main-block-bg) 90%,#000 10%);border:var(--border-width) solid var(--border-color-custom,var(--line))!important;border-radius:var(--btn-radius);color:var(--text);font:inherit;font-size:var(--font-size);padding:10px;resize:vertical;min-height:calc(var(--font-size) + var(--block-padding) * 2);outline:none;overflow:hidden}
.card-inline-editor textarea:focus{border-color:var(--border-color-custom,var(--line))!important}
.card-inline-editor-actions{display:flex;gap:8px}
.btn-guardar-inline{height:var(--input-size);padding:0 calc(var(--block-padding) * 2);border-radius:var(--btn-radius);border:var(--border-width) solid var(--border-color-custom,var(--line));background:var(--shade);color:var(--text);font:inherit;font-size:var(--font-size);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:color-mix(in srgb,var(--main-block-bg) 90%,#000 10%)}
.btn-cancelar-inline{padding:6px 14px;border-radius:var(--btn-radius);background:none;font:inherit;font-size:13px;cursor:pointer}
.card-edit-wrap{position:relative}
.card-edit-wrap .btn-edit-hover{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--btn-radius);border:var(--border-width) solid var(--border-color-custom,var(--line));background:var(--shade);color:var(--text);font:inherit;cursor:pointer;transition:all var(--anim-speed,0s);padding:0;position:absolute;top:14px;right:14px}
.btn-card-edit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:auto;min-height:28px;border-radius:var(--btn-radius);border:var(--border-width) solid var(--border-color-custom,var(--line));background:var(--shade);color:var(--text);font:inherit;cursor:pointer;transition:all var(--anim-speed,0s);padding:0;align-self:stretch}
.section .card:hover .btn-card-edit{opacity:1}
.section .card:hover{border-color:var(--accent)!important;z-index:2}
.btn-mini-edit{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--btn-radius);border:var(--border-width) solid var(--border-color-custom,var(--line));background:none;color:var(--text);font:inherit;font-size:11px;cursor:pointer;transition:all var(--anim-speed,0s);flex-shrink:0}
.panelbox .mini:hover .btn-mini-edit{opacity:1}
.panelbox .mini:hover{border-color:var(--accent)!important}
.ambitos-lista .ambito-tag:hover{border-color:var(--accent)!important}
.btn-edit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--btn-radius);border:var(--border-width) solid color-mix(in srgb,var(--accent) 35%,transparent);background:none;color:color-mix(in srgb,var(--accent) 35%,transparent);font:inherit;cursor:pointer;transition:all var(--anim-speed,0s);padding:0}
.btn-edit:hover{color:var(--accent);border-color:var(--accent);opacity:.72!important}

@keyframes papelera-parpadeo{0%,100%{opacity:1}50%{opacity:.55}}


/* ── Textos interiores de bloques: tamaño global + blanco puro ── */
.bloque-vista,
.bloque-vista div,
.bloque-vista a,
.stat .k,
.gestion-info .etiqueta,
.gestion-info .valor,
.gestion-info .sin-dato,
.gestion-info .subtexto,
.gestion-info .ambitos-lista,
.mini .muted,
.footer,
.footer a,
p.lead,
.lead,
#lead-vista,
#lead-vista div,
.card > p,
.card > .muted {
  font-size: var(--font-size) !important;
  color: var(--text) !important;
}

@media(min-width:601px) and (max-width:1024px){
  .hero-logo-row{gap:var(--block-padding)!important}
  .hero-logo-row > div{padding-left:0!important}
  .section{grid-template-columns:repeat(2,1fr)!important}
.section > .card:last-child:nth-child(2n+1){grid-column:1/-1}
}
@media(max-width:600px){
  .wrap{padding:16px 0 0}
  .form-shell,.shell,.form-grid,.meta,.filters,.hero,.gestion,.leftboxes,.section{grid-template-columns:1fr!important;display:block!important}
  .section > .col-pair{margin-bottom:var(--bloque-gap,20px)}
  .section > .col-pair:last-child{margin-bottom:0}
  .field.full,.field{grid-column:auto}
  .toplinks{flex-wrap:wrap}
  h1{font-size:calc(var(--header-font-size) * 4);letter-spacing:.02em}
  .actions{flex-direction:column}
  .actions .btn,.actions .btn-link,.actions a,.actions button{width:100%;text-align:center;box-sizing:border-box}
  table{min-width:0!important}
  .tabla-scroll{overflow-x:auto}
  .card{padding:var(--block-padding);max-width:100%;overflow-x:hidden}
  .card + .card{margin-top:14px}
  .stats > *{margin-bottom:0}.gestion-card{margin-bottom:14px}
  .hero > *{margin-bottom:14px}
  .hero > *:last-child{margin-bottom:0!important}
  .hero-logo-row{margin-bottom:0!important;padding-top:0!important}
  /* Una columna (2026-09-29): «Panel de usuario» antes que «Ámbitos de actuación» */
  .gestion{display:flex!important;flex-direction:column!important;gap:var(--bloque-gap,20px)!important}
  .gestion-pair{margin-bottom:0!important}
  .gestion-pair:has(> #bloque-usuario){order:-1}
  .val,.field input,.field select,.field textarea{max-width:100%;overflow-wrap:break-word;word-break:break-word}
  .form-grid{gap:10px}
  /* Fix botones panel Usuario activo en móvil */
  .gestion-card{display:flex!important;width:100%!important;box-sizing:border-box!important}
  #auth-box,#modo-login,#modo-registro,#modo-recuperar{width:100%!important;box-sizing:border-box!important}
  #auth-box input{width:100%!important;box-sizing:border-box!important;min-height:44px!important}
  .auth-botones{flex-wrap:wrap!important;width:100%!important}
  .auth-botones .btn-sesion{min-height:44px!important;touch-action:manipulation!important}
}
/* Móvil/tablet en vertical (incluido zoom reducido del navegador, p. ej. Brave al 50%):
   «Ámbitos de actuación» y «Panel de usuario» en una única columna. */
@media (orientation:portrait) and (max-width:1024px){
  .gestion{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;gap:var(--bloque-gap,20px)!important}
  .gestion-pair{margin-bottom:0!important}
  /* Una columna (2026-09-29): «Panel de usuario» antes que «Ámbitos de actuación» */
  .gestion-pair:has(> #bloque-usuario){order:-1}
}
/* card h2 delegado a botonera_css.php */
.bloque-vista,.bloque-vista div,.bloque-vista a,#lead-vista,#lead-vista div,.mini .muted,p.lead{font-family:var(--font-family-base,Calibri,Arial,sans-serif) !important;text-transform:none !important}
#vista-index_bloque_1a,#vista-index_bloque_2a,#vista-index_bloque_3a,#vista-index_bloque_4a,#vista-index_bloque_5a{font-family:var(--header-font-family)!important;text-transform:uppercase!important;font-weight:400!important;font-synthesis:none!important}
#vista-index_bloque_1a div,#vista-index_bloque_2a div,#vista-index_bloque_3a div{font-family:var(--header-font-family)!important;font-size:var(--header-font-size)!important;text-transform:uppercase!important;color:var(--accent)!important;font-weight:400!important;margin:0!important;line-height:1!important;font-synthesis:none!important}
#vista-index_bloque_4a div,#vista-index_bloque_5a div{font-family:var(--header-font-family)!important;font-size:var(--header-font-size)!important;text-transform:uppercase!important;color:var(--accent)!important;font-weight:400!important;margin:0!important;line-height:1!important;font-synthesis:none!important}
#card-bloque-1a{background:var(--section-hdr-bg,color-mix(in srgb,var(--main-block-bg) 80%,#000 20%))!important}
#card-bloque-2a{background:var(--section-hdr-bg,color-mix(in srgb,var(--main-block-bg) 80%,#000 20%))!important}
.btn,.btn-ok,.btn-reset,.btn-guardar-bloque,.btn-cancelar-bloque,.btn-guardar,.btn-cancelar,.btn-guardar-inline,.btn-cancelar-inline,.btn-guardar-lead,.btn-cancelar-lead,.btn-link,.btn-secondary,.btn-danger,.btn-sesion,.btn-restaurar-todo,.btn-vaciar,.btn-sub,.bulk-btn,.btn-tipos,.btn-mini-edit,.btn-card-edit{transition:all var(--anim-speed,0s)}
/* regla hover delegada al CSS central (botonera_css.php) */

.bloque-vista:not(#vista-index_bloque_1a):not(#vista-index_bloque_2a):not(#vista-index_bloque_3a):not(#vista-index_bloque_4a):not(#vista-index_bloque_5a),
.bloque-vista:not(#vista-index_bloque_1a):not(#vista-index_bloque_2a):not(#vista-index_bloque_3a):not(#vista-index_bloque_4a):not(#vista-index_bloque_5a) div,
.bloque-vista:not(#vista-index_bloque_1a):not(#vista-index_bloque_2a):not(#vista-index_bloque_3a):not(#vista-index_bloque_4a):not(#vista-index_bloque_5a) p,
.bloque-vista:not(#vista-index_bloque_1a):not(#vista-index_bloque_2a):not(#vista-index_bloque_3a):not(#vista-index_bloque_4a):not(#vista-index_bloque_5a) span{font-size:var(--font-size)!important}
#vista-index_bloque_1a,#vista-index_bloque_1a *,
#vista-index_bloque_2a,#vista-index_bloque_2a *,
#vista-index_bloque_3a,#vista-index_bloque_3a *,
#vista-index_bloque_4a,#vista-index_bloque_4a *,
#vista-index_bloque_5a,#vista-index_bloque_5a *{font-size:var(--header-font-size)!important}