/* Estilos compartidos de las páginas informativas/legales de CTOY
   (nosotros, contacto, privacidad, términos, cambios-pagos-entregas).
   Generadas por tools/gen-paginas.js. */
:root{--ink:#24231f;--cream:#fbfaf5;--card:#fffefa;--muted:#6b655c;--line:#e3ddd2;--gold:#b08948;--green:#25d366}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.62}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
.page-header .brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.14em;color:var(--ink);text-decoration:none}
.page-header .brand img{width:36px;height:36px;border-radius:8px}
.page-header nav{display:flex;gap:18px;flex-wrap:wrap}
.page-header nav a{color:var(--muted);text-decoration:none;font-weight:700;font-size:14px}
.page-header nav a:hover{color:var(--ink)}
.page-main{max-width:760px;margin:0 auto;padding:34px 22px 60px}
.page-main h1{font-family:"Playfair Display",Georgia,serif;font-size:32px;line-height:1.15;margin:0 0 6px}
.page-main .updated{color:var(--muted);font-size:13px;margin:0 0 26px}
.page-main h2{font-size:20px;margin:30px 0 10px}
.page-main h3{font-size:16px;margin:20px 0 8px}
.page-main p,.page-main li{color:#3a372f}
.page-main a{color:var(--gold);font-weight:600}
.page-main ul{padding-left:20px}
.page-main li{margin:4px 0}
.page-main .note{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:12px 16px;margin:18px 0}
.page-main .contact-list{list-style:none;padding:0}
.page-main .contact-list li{margin:10px 0}
.btn-wa{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:800;padding:12px 22px;border-radius:999px;margin-top:10px}
.btn-wa:hover{filter:brightness(.96)}
.page-footer{border-top:1px solid var(--line);background:#fff;padding:26px 22px;text-align:center;color:var(--muted);font-size:13px}
.page-footer nav{display:flex;gap:6px 16px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}
.page-footer a{color:var(--muted);text-decoration:none}
.page-footer a:hover{color:var(--ink)}
@media(max-width:560px){.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-main h1{font-size:26px}}