/* Farme Aura — sitio legal. Fuente servida desde el mismo dominio (Manrope, OFL). */
@font-face{font-family:"Manrope";src:url("/fuentes/Manrope-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/fuentes/Manrope-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/fuentes/Manrope-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}

:root{
  color-scheme:dark light;
  --fondo:#0b0418;
  --fondo-alto:#150a2c;
  --texto:#ede6f7;
  --texto-suave:#b9a8d8;
  --violeta:#c084fc;
  --magenta:#f0abfc;
  --linea:rgba(168,85,247,.32);
  --marca-a:#d8b4fe;
  --marca-b:#a855f7;
  --foco:#f0abfc;
}
@media (prefers-color-scheme: light){
  :root{
    --fondo:#fbf9ff;
    --fondo-alto:#f1eafd;
    --texto:#1e1530;
    --texto-suave:#5b4b78;
    --violeta:#6d28d9;
    --magenta:#a21caf;
    --linea:rgba(109,40,217,.22);
    --marca-a:#7c3aed;
    --marca-b:#a21caf;
    --foco:#a21caf;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;
  background:var(--fondo);
  color:var(--texto);
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:1.0625rem;
  line-height:1.65;
  overflow-wrap:break-word;
}

.saltar{position:absolute;left:-9999px;top:0}
.saltar:focus{left:16px;top:12px;z-index:10;padding:8px 12px;border-radius:8px;background:var(--fondo-alto);color:var(--texto)}

.contenedor{max-width:42rem;margin:0 auto;padding:0 16px}

/* Encabezado */
.cabecera{border-bottom:1px solid var(--linea)}
.cabecera .contenedor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding-top:16px;padding-bottom:16px}
.marca{font-weight:800;font-size:1.25rem;letter-spacing:-.01em;text-decoration:none;color:var(--marca-a)}
.marca span{color:var(--marca-b)}
.nav ul{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none}
.nav a{display:inline-block;padding:6px 0;font-size:.9375rem;font-weight:700;color:var(--texto-suave);text-decoration:none}
.nav a:hover{color:var(--texto)}
.nav a[aria-current="page"]{color:var(--violeta);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}

/* Contenido */
main{padding:40px 0 56px}
h1,h2,h3{line-height:1.25;font-weight:800;letter-spacing:-.01em}
h1{margin:0 0 .5rem;font-size:clamp(1.75rem,6vw,2.25rem)}
h2{margin:2.5rem 0 .75rem;font-size:1.375rem;color:var(--violeta)}
h3{margin:1.75rem 0 .5rem;font-size:1.125rem}
p,ul,ol{margin:0 0 1rem}
ul,ol{padding-left:1.4rem}
li{margin:.3rem 0}
li::marker{color:var(--violeta)}
strong{font-weight:700;color:var(--texto)}
a{color:var(--magenta);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--foco);outline-offset:3px;border-radius:4px}
hr{border:0;border-top:1px solid var(--linea);margin:2rem 0}
code{font-size:.95em}

/* La línea de versión que sigue al título */
h1 + p{color:var(--texto-suave);font-size:.9375rem}

/* Tablas: scroll dentro de su caja */
.tabla{margin:0 0 1.25rem;overflow-x:auto;border:1px solid var(--linea);border-radius:12px;background:var(--fondo-alto)}
table{width:100%;min-width:32rem;border-collapse:collapse;font-size:.9375rem;line-height:1.5}
th,td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea)}
th{font-weight:800;color:var(--violeta)}
tr:last-child td{border-bottom:0}

/* Inicio */
.intro{color:var(--texto-suave);margin-bottom:2rem}
.indice{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.indice a{display:block;padding:16px 18px;border:1px solid var(--linea);border-radius:14px;background:var(--fondo-alto);color:var(--texto);text-decoration:none}
.indice a:hover{border-color:var(--violeta)}
.indice strong{display:block;font-size:1.0625rem;color:var(--violeta)}
.indice span{display:block;font-size:.9375rem;color:var(--texto-suave)}

/* Pasos y notas de la página de eliminación */
.relacionados{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--linea);font-size:.9375rem}

/* Pie */
.pie{border-top:1px solid var(--linea);color:var(--texto-suave);font-size:.875rem}
.pie .contenedor{padding-top:20px;padding-bottom:28px}
.pie p{margin:0 0 .25rem}