:root{
        --text:#1f2937;
        --muted:#6b7280;
        --border:#d1d5db;
        --background:#ffffff;
        --section:#f9fafb;
        --primary:#1d4f91;
    }

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

    body{
        font-family: Arial, Helvetica, sans-serif;
        background:var(--background);
        color:var(--text);
        line-height:1.7;
        padding:40px 20px;
    }

    .document{
        max-width:950px;
        margin:auto;
        border:1px solid var(--border);
        padding:60px;
        background:#fff;
    }

    header{
        border-bottom:2px solid var(--border);
        padding-bottom:24px;
        margin-bottom:40px;
    }

    h1{
        font-size:2rem;
        font-weight:700;
        color:var(--primary);
        margin-bottom:14px;
    }

    .subtitle{
        font-size:1rem;
        color:var(--muted);
    }

    .notice{
        margin-top:24px;
        padding:18px 22px;
        border:1px solid var(--border);
        background:var(--section);
        font-size:0.98rem;
    }

    section{
        margin-bottom:42px;
    }

    h2{
        font-size:1.25rem;
        margin-bottom:18px;
        color:var(--primary);
        border-bottom:1px solid var(--border);
        padding-bottom:8px;
    }

    p{
        margin-bottom:16px;
        text-align:justify;
    }

    ul{
        margin:14px 0 18px 24px;
    }

    li{
        margin-bottom:10px;
    }

    .important{
        padding:18px 20px;
        border-left:4px solid var(--primary);
        background:var(--section);
        margin-top:18px;
    }

/* ========================= */
/*           FOOTER          */
/* ========================= */

footer{
  margin-top:40px;

  color:var(--text-muted);
  font-size:12px;
}

/* ========================= */
/*       FOOTER LOGO         */
/* ========================= */

#footerLogo{
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:12px;

  margin-top:10mm;
}

#footerLogo img{
  width:50px;
  height:50px;
}

#footerLogo .text-center{
  line-height:1.2;
}
    @media(max-width:768px){

        .document{
            padding:32px 24px;
        }

        h1{
            font-size:1.6rem;
        }

        h2{
            font-size:1.1rem;
        }
    }