.azulejo-border{height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14'%3E%3Crect width='40' height='14' fill='%231a3a6b'/%3E%3Ccircle cx='10' cy='7' r='4' fill='none' stroke='%23c9a84c' stroke-width='1.4'/%3E%3Ccircle cx='30' cy='7' r='4' fill='none' stroke='%23c9a84c' stroke-width='1.4'/%3E%3Cline x1='0' y1='7' x2='6' y2='7' stroke='%23c9a84c' stroke-width='.8'/%3E%3Cline x1='14' y1='7' x2='26' y2='7' stroke='%23c9a84c' stroke-width='.8'/%3E%3Cline x1='34' y1='7' x2='40' y2='7' stroke='%23c9a84c' stroke-width='.8'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:40px 14px}
.topbar{background:var(--blue-dark);padding:0 5%;height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.topbar-logo{width:38px;height:38px;border-radius:50%;background:var(--blue);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.topbar-logo svg{width:26px;height:26px}
.topbar-name{font-family:'Playfair Display',serif;font-size:.9rem;color:#fff;font-weight:700;line-height:1.1}
.topbar-name span{font-size:.55rem;color:var(--gold);letter-spacing:.15em;text-transform:uppercase;font-family:'Raleway',sans-serif;font-weight:700;display:block}
.topbar-back{color:rgba(255,255,255,.55);font-size:.72rem;text-decoration:none;letter-spacing:.05em;transition:color .2s}
.topbar-back:hover{color:var(--gold-light)}

.hero-pp{background:var(--blue);padding:3rem 5%;text-align:center;position:relative;overflow:hidden}
.hero-pp::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 5L55 30L30 55L5 30Z' fill='none' stroke='rgba(201,168,76,0.07)' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 60px}
.hero-pp-inner{position:relative;z-index:1}
.hero-pp-label{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:.6rem}
.hero-pp-title{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;font-weight:700;margin-bottom:.6rem}
.hero-pp-sub{font-size:.84rem;color:rgba(255,255,255,.6);line-height:1.7}

.container{max-width:780px;margin:0 auto;padding:3rem 5% 5rem}

.pp-toc{background:var(--off-white);border:1px solid var(--border);border-left:3px solid var(--gold);padding:1.4rem 1.8rem;margin-bottom:2.5rem}
.pp-toc-title{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem}
.pp-toc ol{padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}
.pp-toc li a{font-size:.82rem;color:var(--blue-mid);text-decoration:none;transition:color .2s}
.pp-toc li a:hover{color:var(--gold)}

.pp-section{margin-bottom:2.5rem;scroll-margin-top:2rem}
.pp-section h2{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--blue);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:.6rem}
.pp-section h2 .num{background:var(--blue);color:#fff;font-size:.65rem;font-family:'Raleway',sans-serif;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pp-section p{font-size:.88rem;color:var(--text);line-height:1.85;margin-bottom:.9rem}
.pp-section ul{padding-left:1.3rem;margin-bottom:.9rem;display:flex;flex-direction:column;gap:.45rem}
.pp-section li{font-size:.88rem;color:var(--text);line-height:1.7}
.pp-section strong{color:var(--blue)}
.pp-section a{color:var(--blue-mid);text-decoration:underline}

.pp-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:1.2rem}
.pp-table th{background:var(--blue);color:#fff;padding:.6rem .9rem;text-align:left;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.pp-table td{border:1px solid var(--border);padding:.6rem .9rem;vertical-align:top;line-height:1.6}
.pp-table tr:nth-child(even) td{background:var(--off-white)}

.pp-highlight{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);border-left:3px solid var(--gold);padding:1rem 1.2rem;margin-bottom:1rem;border-radius:0}
.pp-highlight p{margin-bottom:0;font-size:.84rem}

.pp-flags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.pp-flag{font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.3rem .8rem;border:1px solid var(--border);color:var(--text-muted)}
.pp-flag.active{background:var(--blue);color:#fff;border-color:var(--blue)}

.pp-updated{font-size:.76rem;color:var(--text-muted);margin-bottom:2rem;display:flex;align-items:center;gap:.4rem}

footer{background:var(--blue-dark);padding:1.4rem 5%;text-align:center}
.footer-copy{font-size:.72rem;color:rgba(255,255,255,.35)}
.footer-copy a{color:rgba(255,255,255,.5);text-decoration:none;margin:0 .5rem;transition:color .2s}
.footer-copy a:hover{color:var(--gold)}

/* ═══ RESPONSIVIDADE — privacidade ═══ */
/* Topbar mobile */
@media(max-width:600px){
  .topbar{padding:0 3%;gap:8px;height:52px}
  .topbar-name{font-size:.78rem}
  .topbar-back{font-size:.65rem}
}

/* Hero */
@media(max-width:600px){
  .hero-pp{padding:2rem 4%}
  .hero-pp-title{font-size:1.5rem}
}

/* Container principal */
@media(max-width:600px){
  .container{padding:2rem 4% 4rem}
  .pp-toc{padding:1rem 1.2rem}
  .pp-section h2{font-size:1.05rem}
  .pp-section p,.pp-section li{font-size:.84rem}
}

@media(max-width:420px){
  .topbar{height:48px}
  .topbar-name{display:none}
  .container{padding:1.5rem 3.5% 3rem}
  .hero-pp{padding:1.6rem 3.5%}
  .hero-pp-title{font-size:1.3rem}
  .hero-pp-sub{font-size:.78rem}
}

/* ── Touch targets ── */
@media(max-width:600px){
  .topbar-back { min-height: 44px; display: flex; align-items: center; }
  .pp-toc li a { padding: .3rem 0; display: block; min-height: 36px;
                 display: flex; align-items: center; }
}
/* ── TOC mais compacto em mobile ── */
@media(max-width:420px){
  .pp-toc { padding: .8rem 1rem; }
  .pp-toc-title { font-size: .65rem; }
  .pp-toc li a { font-size: .78rem; }
  .pp-section h2 { font-size: .95rem; }
  .pp-section p, .pp-section li { font-size: .82rem; line-height: 1.75; }
}
/* ── Evitar overflow ── */
html, 
.container, .hero-pp-inner { max-width: 100%; }

@media(max-width:767px){
  .pp-table{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ── iOS safety ── */
@media(max-width:600px){ input,select,textarea{font-size:16px!important} }