/* M'AMA — sito mamaapp.it (informativa, eliminazione account).
   Caratteri ospitati qui (niente Google Fonts: nessun dato ai server di Google). */
@font-face { font-family: 'Fraunces'; src: url('fonts/Fraunces_400Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Fraunces'; src: url('fonts/Fraunces_400Regular_Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Quicksand'; src: url('fonts/Quicksand_500Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Quicksand'; src: url('fonts/Quicksand_600SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Quicksand'; src: url('fonts/Quicksand_700Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }

:root {
  --carta: #FBF4EE;
  --card: #FFFDFB;
  --rosa: #CFA8A8;
  --rosa-scuro: #A07878;
  --velo: #F6E9E5;
  --bordo: #F0E2DE;
  --testo: #2A2222;
  --testo-medio: #5C4A4A;
  --testo-leggero: #8A7070;
  --salvia: #A8B9A3;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background-color: var(--carta);
  background-image:
    radial-gradient(320px 300px at 95% 0%, rgba(207,168,168,0.45) 0%, rgba(207,168,168,0) 70%),
    radial-gradient(280px 260px at 0% 40%, rgba(168,185,163,0.35) 0%, rgba(168,185,163,0) 70%),
    radial-gradient(300px 280px at 100% 85%, rgba(241,196,170,0.45) 0%, rgba(241,196,170,0) 70%);
  background-attachment: fixed;
  color: var(--testo-medio);
  font-family: 'Quicksand', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.65;
}

.pagina { max-width: 760px; margin: 0 auto; padding: 32px 16px 56px; }

.testata { display: flex; align-items: center; gap: 12px; text-decoration: none; margin-bottom: 24px; }
/* Petali bianchi: su fondo chiaro serve un cerchio rosato dietro */
.testata img { width: 48px; height: 48px; padding: 4px; border-radius: 50%; background: var(--velo); border: 1px solid #EBD3CD; }
.testata span { font-family: 'Fraunces', Georgia, serif; font-size: 24px; letter-spacing: 3px; color: var(--rosa-scuro); }

.card {
  background: var(--card);
  border: 1px solid var(--bordo);
  border-radius: 28px;
  padding: 32px 24px;
  box-shadow: 0 10px 30px rgba(160,120,120,0.12);
}
@media (min-width: 640px) { .card { padding: 40px 44px; } }

h1, h2, h3 { font-family: 'Fraunces', Georgia, serif; font-weight: 400; color: var(--testo); line-height: 1.25; }
h1 { font-size: 32px; margin: 0 0 8px; }
h2 { font-size: 22px; margin: 36px 0 10px; }
h3 { font-size: 18px; margin: 22px 0 6px; }
p { margin: 0 0 12px; }
ul { margin: 0 0 14px; padding-left: 22px; }
li { margin-bottom: 6px; }
strong { color: var(--testo); font-weight: 700; }
a { color: var(--rosa-scuro); font-weight: 600; }

.sottotitolo { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 18px; color: var(--testo-medio); margin-bottom: 4px; }
.data { font-size: 14px; color: var(--testo-leggero); }

.riquadro { background: var(--velo); border: 1px solid #EBD3CD; border-radius: 18px; padding: 16px 18px; margin: 16px 0; }
.riquadro p:last-child, .riquadro ul:last-child { margin-bottom: 0; }

.indice { columns: 2 220px; font-size: 15px; }

table { width: 100%; border-collapse: collapse; margin: 10px 0 16px; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--bordo); }
th { color: var(--testo); font-weight: 700; }
.tabella { overflow-x: auto; }

.pulsanti { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.pulsante {
  display: inline-block; text-decoration: none; color: #fff; background: var(--rosa);
  padding: 12px 22px; border-radius: 999px; font-weight: 600;
}
.pulsante.chiaro { background: var(--velo); color: var(--rosa-scuro); }

.piede { text-align: center; font-size: 13px; color: var(--testo-leggero); margin-top: 28px; }
.piede a { font-weight: 600; }