:root{--grad-tl:#002200;--grad-br:#1a1a1a;--radius:0px;--font-size:17px;--card-opacity:50;--btn-radius:0px;--btn-opacity:1.00;--border-width:1px;--shadow-opacity:0.3665;--bg:#0b0f14;--line:color-mix(in srgb,var(--text) 40%,transparent);--text:#00CC00;--ayuda-text:#00ff00;--img-brightness:1;--img-filter:none;--img-radius:0px;--muted:#8b949e;--accent:#00FF00;--ok:#00FF00;--warn:#FFFF00;--err:#ff7b72;--block-padding:20px;--border-color-custom:rgba(0,102,0,0.4);--main-block-bg:#003300;--shade:color-mix(in srgb,var(--main-block-bg) 90%,#000 10%);--wrap-w:95%}
*{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}
(orientation:landscape) and (max-height:500px){html{scrollbar-gutter:auto}}
.wrap{width:95%;max-width:100%;margin:0 auto;padding:32px 0 0;opacity:1;transition:opacity 400ms ease-out}
html.afx-loaded .wrap{opacity:1}
html.fs-mode .wrap{opacity:1!important;transition:none!important}@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}}
.toplinks a.papelera-alerta,.toplinks button.papelera-alerta{color:var(--accent)!important;border-color:var(--accent)!important;animation:var(--blink-anim) var(--blink-speed) var(--blink-easing) infinite}
.toplinks a.papelera-alerta:hover,.toplinks button.papelera-alerta:hover{color:var(--bg)!important;background:var(--accent);border-color:var(--accent)!important;animation:none}



@keyframes papelera-parpadeo{0%,100%{opacity:1}50%{opacity:.55}}
.toplinks a.papelera-alerta,.toplinks button.papelera-alerta{color:var(--accent)!important;border-color:var(--accent)!important;animation:var(--blink-anim) var(--blink-speed) var(--blink-easing) infinite}
.toplinks a.papelera-alerta:hover,.toplinks button.papelera-alerta:hover{color:var(--bg)!important;background:var(--accent);border-color:var(--accent)!important;animation:none}
.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);margin-bottom:20px;overflow:hidden}
.card h2{font-family:var(--header-font-family);text-transform:uppercase;font-weight:700;font-size:20px;color:var(--accent);margin:0 calc(var(--block-padding) * -1) 0 calc(var(--block-padding) * -1);background:var(--section-hdr-bg,color-mix(in srgb,var(--main-block-bg) 80%,#000 20%));letter-spacing:.04em;padding:calc(var(--block-padding) + 2px) var(--block-padding)}
.card h2:first-of-type{margin-top:calc(var(--block-padding) * -1)}
.card h1{font-family:var(--header-font-family);text-transform:uppercase;font-weight:700;font-size:28px;color:var(--accent);margin:0 0 8px 0;letter-spacing:.04em;padding-top:32px}
/* ── Cabecera prv.php (antes privacidad.php) según diseño aprobado ─────
   Título grande Orbitron en color de texto principal (no accent),
   etiqueta "Conforme al RGPD y la LOPDGDD" debajo (sin escudo SVG, sin
   float, pegada al margen izquierdo), espacio amplio y línea pequeña
   con la última actualización en color atenuado. */
.card h1.priv-titulo{
  color:var(--text)!important;
  margin:0 0 14px 0!important;
  padding-top:0!important;
  display:block;
  width:100%;
  font-family:var(--header-font-family)!important;
  font-size:var(--header-font-size)!important;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.priv-badge{
  display:inline-flex!important;
  float:none!important;
  margin:0 0 32px 0!important;
}
.priv-subtitle{
  margin:0 0 30px 0!important;
}
.card-content{}.card p{margin:0 0 12px 0;line-height:1.8;color:var(--text)}
.card p:last-child{margin:0}
.card ul{margin:8px 0 12px 0;padding-left:22px;line-height:1.8}
.card ul li{margin-bottom:4px}
.subtitle{color:var(--muted);font-size:calc(var(--font-size) - 1px);margin:0 0 15px 0}
.badge-rgpd{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--btn-radius);border:var(--border-width) solid var(--accent);background:var(--shade);color:var(--accent)!important;font-size:var(--font-size);font-weight:700;float:right;margin:0 0 12px 16px;text-decoration:none!important;transition:background .15s,color .15s,border-color .15s}
a.badge-rgpd:hover{opacity:.72!important;text-decoration:none!important}
.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}
.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}
.bloque-vista{margin:0;padding:0;color:var(--accent)}
/* Edición desplegada: el editor es flex horizontal con el textarea
   ocupando el espacio principal y los botones (Guardar/Cancelar) a la
   derecha como dos botones cuadrados verticales, ocupando exactamente
   la misma anchura y posición que el .btn-edit-bloque previo. */
/* Las acciones de edición (check/X) usan los estilos centrales de
   botonera_css.php: tamaño 32×32, fondo verde/rojo, SVG blanco. */

.footer{margin-top:20px;background:rgba(5,20,45,calc(var(--card-opacity) / 100));border:var(--border-width) solid var(--border-color-custom,var(--line));border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;padding:var(--block-padding) var(--block-padding) 0 var(--block-padding);color:var(--muted);font-size:var(--font-size)}
.btn-edit-bloque{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(--accent);background:var(--shade);color:var(--accent);font:inherit;font-size:var(--font-size);cursor:pointer;transition:all var(--anim-speed,0s);padding:0;flex-shrink:0;align-self:stretch}
.btn-edit-bloque:hover{opacity:.72!important}
.sub-bloque{background:none;border:none;border-radius:0;overflow:visible;margin-bottom:0;padding:0}.sub-bloque p,.sub-bloque ul,.sub-bloque li{color:var(--text);line-height:1.6;font-size:var(--font-size)}.sub-bloque p{margin:15px 0 8px 0}.sub-bloque p:first-of-type{margin-top:15px}.sub-bloque ul{margin:8px 0 8px 0;padding-left:20px}.sub-bloque li{margin-bottom:6px}
.sub-bloque:last-of-type{margin-bottom:0}
.sub-bloque .bloque-vista{color:var(--text)}
.sub-bloque .card h2{margin-left:calc(var(--block-padding) * -1)!important;margin-right:calc(var(--block-padding) * -1)!important;padding-left:var(--block-padding)!important;padding-right:var(--block-padding)!important;padding-top:25px!important}
.sub-bloque h2{background:var(--section-hdr-bg,color-mix(in srgb,var(--main-block-bg) 80%,#000 20%))!important;margin-left:0!important;margin-right:0!important;padding:calc(var(--block-padding) + 2px) var(--block-padding)!important;border-radius:0!important;margin-top:30px!important;position:relative!important;left:calc(var(--block-padding) * -1)!important;width:calc(100% + var(--block-padding) * 2)!important;box-sizing:border-box!important}
.card > .sub-bloque:first-of-type h2{margin-top:0!important;border-radius:var(--radius) var(--radius) 0 0!important}
@media(max-width:600px){.wrap{padding:16px 0 0}.card{padding:calc(var(--block-padding) + 2px) var(--block-padding)}.toplinks{flex-wrap:nowrap}.toplinks .spacer{display:none}}

@media(min-width:601px) and (max-width:900px){
  /* regla gap:12px eliminada */
}
/* (2026-10-02) Contenido de cada bloque: margen superior e inferior respecto a las cabeceras y
   separación entre párrafos (las líneas de lista «- …» siguen juntas entre sí). */
.afx-legal-vista .bloque-vista{margin-top:var(--block-padding)!important;margin-bottom:var(--block-padding)!important}
.afx-legal-vista .bloque-vista>div{line-height:1.6!important}
.afx-legal-vista .bloque-vista>div:not([aria-hidden])+div:not([aria-hidden]):not([data-afxs~="8f4517"]){margin-top:.8em!important}
.afx-legal-vista .bloque-vista>div:not([aria-hidden]):not([data-afxs~="8f4517"])+div[data-afxs~="8f4517"]{margin-top:.5em!important}
.afx-legal-vista .bloque-vista>div[data-afxs~="8f4517"]+div[data-afxs~="8f4517"]{margin-top:.3em!important}