/* Estilo de las páginas secundarias (acerca, privacidad, términos, sugerir, 404) */
:root{--bg:#fbfaf7;--fg:#10302a;--muted:#566b63;--line:#d5dfda;--panel:#fff;--accent:#123d33;--err:#a8261c;--logo:#123d33}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#0f2e27;--fg:#ece8e1;--muted:#b8cbc2;--line:#2b5a4d;--panel:#0b231e;--accent:#4fb58f;--err:#ffb3a8;--logo:#4fb58f;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0f2e27;--fg:#ece8e1;--muted:#b8cbc2;--line:#2b5a4d;--panel:#0b231e;--accent:#4fb58f;--err:#ffb3a8;--logo:#4fb58f;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important} /* lo oculto se queda oculto aunque su estilo diga otra cosa (p. ej. el botón del café sin enlace) */
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.65 var(--font);overflow-x:hidden;letter-spacing:.035em;word-spacing:.06em}
em,i,cite{font-style:normal}
main,footer.legal{zoom:var(--zoom)}
main p,main li{max-width:65ch}
main,footer.legal{overflow-wrap:anywhere}
main p{margin:0 0 1em}
main{max-width:720px;margin:0 auto;padding:28px 16px 40px}
h1{font:700 clamp(28px,6vw,40px)/1.2 var(--font);margin:10px 0 18px}
h2{font:700 23px/1.3 var(--font);margin:34px 0 8px}
h3{font:700 19px/1.35 var(--font);margin:22px 0 6px}
a{color:inherit;text-underline-offset:2px}
.back{color:var(--muted);text-decoration:none;font-size:16px}
.back:hover{color:var(--fg)}
.muted{color:var(--muted);font-size:16px}
table{border-collapse:collapse;width:100%;font-size:16px;margin:10px 0}
th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
.wrap-table{overflow-x:auto}
.cta{display:inline-block;background:var(--fg);color:var(--bg);text-decoration:none;border:0;border-radius:10px;padding:12px 18px;font:700 17px var(--font);cursor:pointer}
.ghost{display:inline-block;color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:10px 16px;text-decoration:none;font-size:17px}
footer.legal{max-width:720px;margin:0 auto;padding:0 16px 34px;color:var(--muted);font-size:15px;display:flex;flex-wrap:wrap;gap:6px 14px}
footer.legal a{color:inherit}
/* formulario */
form .f{margin:16px 0}
label{display:block;font-weight:700;margin-bottom:6px}
.hint{color:var(--muted);font-size:15px;font-weight:400}
input[type=text],input[type=email],textarea{width:100%;font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
textarea{min-height:110px;resize:vertical}
:focus-visible{outline:3px solid var(--fg);outline-offset:2px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.check input{margin-top:5px;width:18px;height:18px;flex:none}
.err{color:var(--err);font-size:16px;margin-top:5px;min-height:1px;font-weight:700}
[aria-invalid="true"]{border-color:var(--err)!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.count-c{float:right;color:var(--muted);font-size:15px;font-weight:400}
/* banner de cookies (solo aparece si la analítica usa cookies) */
#cc{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin:0 auto;background:var(--panel,#fff);color:var(--fg);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.18);padding:16px;font:16px/1.55 var(--font)}
#cc p{margin:0 0 12px}
#cc .b{display:flex;gap:8px;flex-wrap:wrap}
#cc button{font:700 16px var(--font);border-radius:10px;padding:9px 14px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--fg)}
#cc button.ok{background:var(--fg);color:var(--bg);border-color:var(--fg)}

/* botón «Invítame a un café» (contorno: no compite con el botón principal) */
.cafe{display:inline-block;border:2px solid var(--fg);color:var(--fg);text-decoration:none;border-radius:99px;padding:7px 16px;font:700 16px var(--font)}
.cafe:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}

/* marca */
.marca-p{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font-weight:700;font-size:20px}
.marca-p svg{height:56px;width:auto;color:var(--logo)}
.creditos{padding-left:1.1em;font-size:16px}
.creditos li{margin:0 0 8px;overflow-wrap:anywhere}
.creditos li:target{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}

/* páginas de cada filósofa (filosofa/) y su índice: colores de las épocas, como en el mapa */
:root{--e0:#805010;--e1:#7b2f0c;--e2:#55233b;--e3:#2a537d;--e4:#194161;--e5:#2a7c60;--e6:#6c7410}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--e0:#e9c16e;--e1:#ef6e27;--e2:#e58baa;--e3:#3a9ce2;--e4:#84d7fe;--e5:#a5f9cc;--e6:#efe97f}}
:root[data-theme="dark"]{--e0:#e9c16e;--e1:#ef6e27;--e2:#e58baa;--e3:#3a9ce2;--e4:#84d7fe;--e5:#a5f9cc;--e6:#efe97f}
.migas{color:var(--muted);font-size:16px;margin:4px 0 0}
.filosofa .cab{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-top:14px}
.filosofa .cab>div{flex:1 1 260px}
.filosofa h1{color:var(--ec,var(--fg));margin:0 0 8px}
.filosofa .cara{margin:0;flex:none;width:150px}
.filosofa .cara img{display:block;width:150px;height:auto;border-radius:12px;border:2px solid var(--ec,var(--line))}
.filosofa .cara figcaption{color:var(--muted);font-size:14px;line-height:1.4;margin-top:6px}
.filosofa .meta{color:var(--muted);font-size:17px;margin:0}
.filosofa .lema{font-size:21px;line-height:1.55;margin:20px 0}
.sym{color:var(--ec)}
.lista{padding-left:1.1em;margin:0}
.lista li{margin:0 0 8px}
.vecinas,.tiendas,.indice{list-style:none;padding:0;margin:0}
.vecinas{display:flex;flex-wrap:wrap;gap:6px 18px}
.vecinas a{font-weight:700}
.tiendas li,.indice li{margin:0 0 8px}
.afil{color:var(--muted);font-size:15px}
details.mas{margin-top:8px}
details.mas summary{cursor:pointer;color:var(--muted);font-weight:700}
details.mas .tiendas{margin-top:8px}
.saltos{font-size:16px}
.indice a{font-weight:700}