/* beneficio-bases — Beneficio Vecinos */
@font-face{font-family:"Gantari";src:url("/fonts/gantari-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
    --verde:#003815;--verde-hoja:#425c17;--verde-claro:#b1c578;--verde-pale:#dde9ba;
    --tinta:#1f140f;--gris:#5c5b5f;--papel:#ffffff;
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
  }
  *,*::before,*::after{box-sizing:inherit}
  html{-webkit-text-size-adjust:100%}
  body{
    margin:0;background:var(--papel);color:var(--tinta);
    font-family:"Gantari",-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:17px;line-height:1.6;font-weight:400;
  }
  header{background:var(--verde);color:var(--papel);padding:34px 22px 30px}
  header .interior{max-width:620px;margin:0 auto}
  header .marca{font-size:12px;letter-spacing:.22em;font-weight:500;color:var(--verde-claro);margin:0 0 14px}
  header h1{font-size:clamp(28px,7vw,38px);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:0 0 10px}
  header p{margin:0;color:var(--verde-pale);font-weight:300;font-size:15px}

  main{max-width:620px;margin:0 auto;padding:36px 22px 60px}
  section{margin-bottom:34px}
  h2{
    font-size:19px;font-weight:600;letter-spacing:-.01em;margin:0 0 10px;
    display:flex;gap:12px;align-items:baseline;
  }
  h2 .n{color:var(--verde-hoja);font-weight:700;font-size:16px;flex:none}
  p{margin:0 0 12px;max-width:66ch}
  ul{margin:0 0 12px;padding-left:20px}
  li{margin-bottom:7px;max-width:64ch}
  strong{font-weight:600}
  a{color:var(--verde);text-decoration:underline}
  .tabla{width:100%;border-collapse:collapse;margin:4px 0 14px;font-size:16px}
  .tabla th{text-align:left;font-weight:600;padding:9px 0;border-bottom:2px solid var(--verde);font-size:14px}
  .tabla td{padding:10px 0;border-bottom:1px solid #e3e5df;vertical-align:top}
  .tabla td:last-child{text-align:right;white-space:nowrap;font-weight:600;color:var(--verde-hoja);padding-left:14px}
  .tabla .aclara{display:block;font-size:14px;font-weight:300;color:var(--gris);text-align:left;white-space:normal;margin-top:2px}
  .destaque{background:#f3f5ee;border-left:3px solid var(--verde-claro);padding:16px 18px;margin:0 0 14px;border-radius:0 3px 3px 0}
  .destaque p:last-child{margin:0}
  footer{border-top:1px solid #e3e5df;margin-top:10px;padding-top:22px;font-size:14px;color:var(--gris)}
  footer p{margin:0 0 6px}
  .volver{display:inline-block;margin-top:18px;font-weight:600;color:var(--verde)}