/* Estilo de la web pública de KULUNKA, compartido por index.html y
   privacidad.html. Los colores están copiados de css/styles.css —los dos
   temas— y este es el ÚNICO sitio de toda la web donde hay hexadecimales: si
   cambian en la app, se cambian aquí y en ningún otro lado. Es una copia a
   propósito, no un descuido: son valores visuales estables, y montar un
   generador para ocho colores sería más frágil que la copia. */
  :root{
    --nido-fondo:#FBF8F3; --nido-superficie:#FFFFFF; --nido-linea:#E9E1D5;
    --nido-tinta:#32302B; --nido-tinta-2:#57534C; --nido-apagado:#716A62;
    --nido-terracota:#A4552F; --nido-salvia:#587253;
  }
  @media (prefers-color-scheme: dark){
    :root{
      --nido-fondo:#1B1815; --nido-superficie:#252119; --nido-linea:#3A342B;
      --nido-tinta:#F4EDE2; --nido-tinta-2:#D6CCBD; --nido-apagado:#A2988A;
      --nido-terracota:#E0A176; --nido-salvia:#9BB894;
    }
  }
  *{box-sizing:border-box}
  body{
    margin:0; background:var(--nido-fondo); color:var(--nido-tinta);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    font-size:17px; line-height:1.55;
    padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 40px);
  }
  main{max-width:34rem; margin:0 auto}
  .cabecera{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:22px}
  .marca{font-weight:600; letter-spacing:.14em; font-size:.8rem; color:var(--nido-apagado)}
  .idioma{background:none; border:0; padding:6px; font:inherit; font-size:.85rem;
    color:var(--nido-terracota); text-decoration:underline; cursor:pointer}
  .eyebrow{display:block; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase;
    color:var(--nido-apagado); margin-bottom:6px}
  h1{font-size:1.45rem; line-height:1.3; margin:0 0 14px}
  .intro{color:var(--nido-tinta-2); margin:0 0 22px}
  .tarjeta{background:var(--nido-superficie); border:1px solid var(--nido-linea);
    border-radius:14px; padding:16px 18px; margin-bottom:20px}
  .tarjeta h2{font-size:1rem; margin:0 0 10px}
  .tarjeta ul{margin:0; padding-left:20px}
  .tarjeta li{margin-bottom:8px}
  .grupo{font-size:.78rem; letter-spacing:.08em; text-transform:uppercase;
    color:var(--nido-apagado); margin:26px 0 10px}
  .recado{display:flex; gap:12px; align-items:flex-start; padding:12px 2px;
    border-bottom:1px solid var(--nido-linea)}
  .recado input{width:22px; height:22px; margin-top:2px; accent-color:var(--nido-salvia); flex:0 0 auto}
  .recado span{flex:1}
  .recado .hecho{text-decoration:line-through; color:var(--nido-apagado)}
  footer{margin-top:34px; padding-top:18px; border-top:1px solid var(--nido-linea);
    font-size:.85rem; color:var(--nido-apagado)}
  footer a{color:var(--nido-terracota)}