/* ═══════════════════════════════
   AMANECER VITAL — SHARED STYLES
═══════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=Karla:wght@400;500;600;700&display=swap');

:root {
  --noche: #33202A;
  --noche-70: #5C4450;
  --noche-45: #8E7580;
  --noche-20: #D8C9CE;
  --noche-08: #F0E6E4;
  --arena: #FBF6EF;
  --arena-2: #F6EDDF;
  --blanco: #FFFFFF;
  --sol: #F08C3A;
  --sol-hondo: #E05B3D;
  --sol-claro: #F5C066;
  --alba-bg: #FBE9DC;
  --ciruela: #3A2140;
  --grad-sol: linear-gradient(135deg, #F5C066 0%, #F08C3A 48%, #E05B3D 100%);
  --r-sm: 10px; --r-md: 16px; --r-lg: 26px; --r-full: 100px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family:'Karla',sans-serif;
  color:var(--noche); background:var(--arena);
  -webkit-font-smoothing:antialiased; line-height:1.65;
}

a { color:var(--sol-hondo); text-decoration:none; }
a:hover { text-decoration:underline; }

/* ── Encabezado compartido ── */
.encabezado {
  background:rgba(251,246,239,.92);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--noche-08);
  padding:0 24px; position:sticky; top:0; z-index:10;
}
.encabezado-inner {
  max-width:1080px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; height:62px;
}
.encabezado .brand { display:flex; align-items:center; gap:9px; text-decoration:none; color:var(--noche); }
.encabezado .brand:hover { text-decoration:none; }
.brand-sun {
  width:28px; height:28px; border-radius:50%; background:var(--grad-sol); flex-shrink:0;
  box-shadow:inset 0 -6px 10px rgba(224,91,61,.5);
}
.encabezado .brand-name { font-family:'Fraunces',serif; font-weight:700; font-size:16px; }
.encabezado .volver { font-size:13px; color:var(--sol-hondo); font-weight:700; text-decoration:none; }
.encabezado .volver:hover { text-decoration:underline; }

/* ── Página legal ── */
.pagina {
  max-width:680px; margin:0 auto; padding:44px 24px 60px;
}
.pagina h1 {
  font-family:'Fraunces',serif; font-weight:600;
  font-size:28px; letter-spacing:-.5px; margin-bottom:6px;
}
.pagina-fecha { font-size:12px; color:var(--noche-45); margin-bottom:34px; }
.pagina h2 {
  font-family:'Fraunces',serif; font-weight:600;
  font-size:17px; margin:30px 0 9px;
}
.pagina h2:first-of-type { margin-top:0; }
.pagina p { font-size:14px; color:var(--noche-70); line-height:1.8; margin-bottom:11px; }
.pagina ul { margin:6px 0 15px 20px; color:var(--noche-70); }
.pagina li { font-size:14px; line-height:1.75; margin-bottom:6px; }
.pagina strong { color:var(--noche); }

/* ── Pie compartido ── */
.pie-simple {
  background:var(--arena-2); border-top:1px solid var(--noche-08);
  padding:32px 24px 26px;
}
.pie-simple-inner { max-width:1080px; margin:0 auto; }
.pie-nav { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.pie-nav a {
  font-size:12px; font-weight:700; color:var(--noche-70);
  text-decoration:none; padding:7px 15px;
  border:1px solid var(--noche-08); border-radius:var(--r-full);
  background:var(--blanco); transition:border-color .2s, color .2s;
}
.pie-nav a:hover { border-color:var(--sol); color:var(--sol-hondo); text-decoration:none; }
.pie-firma { text-align:center; font-size:11px; color:var(--noche-45); line-height:1.7; }

@media (max-width:600px){ .pie-nav{gap:6px} }