/* SicilyRent.com — pagine informative (privacy, cookie policy) */

:root{
  --navy:#0B2A3A;
  --navy-deep:#071E2A;
  --pannello:#0F3243;
  --bordo:rgba(255,255,255,.14);
  --gold:#C89240;
  --gold-light:#E0B063;
  --sage:#7FB0B2;
  --testo:rgba(255,255,255,.86);
  --testo-tenue:rgba(255,255,255,.6);
  --font-display:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --sa-r:env(safe-area-inset-right,0px);
  --sa-l:env(safe-area-inset-left,0px);
  --sa-b:env(safe-area-inset-bottom,0px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--navy-deep);
  color:var(--testo);
  font-family:var(--font-body);
  font-size:15.5px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
}

.foglio{
  max-width:780px;margin:0 auto;
  padding:clamp(26px,5vw,56px) calc(clamp(20px,5vw,40px) + var(--sa-r))
          calc(60px + var(--sa-b)) calc(clamp(20px,5vw,40px) + var(--sa-l));
}

/* ---------- Testata ---------- */
.doc-testata{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
  padding-bottom:22px;margin-bottom:34px;
  border-bottom:1px solid var(--bordo);
}
.doc-testata img{display:block;width:clamp(150px,22vw,210px);height:auto}
.indietro{
  color:var(--gold-light);text-decoration:none;font-size:13.5px;
  border-bottom:1px solid rgba(224,176,99,.4);padding-bottom:2px;
}
.indietro:hover{color:#fff;border-color:#fff}

/* ---------- Testi ---------- */
h1{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(25px,4.4vw,36px);line-height:1.2;
  color:#fff;margin:0 0 8px;
}
.occhiello{
  margin:0 0 30px;font-size:13px;color:var(--testo-tenue);
}
h2{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(17px,2.4vw,20px);line-height:1.3;
  color:var(--gold-light);margin:38px 0 12px;
}
h3{
  font-family:var(--font-display);font-weight:600;
  font-size:15px;color:#fff;margin:24px 0 8px;
}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
a{color:var(--gold-light)}
a:hover{color:#fff}
strong{color:#fff;font-weight:600}
code{
  background:rgba(255,255,255,.09);padding:2px 6px;
  border-radius:5px;font-size:13.5px;
}

/* ---------- Riquadri ---------- */
.riquadro{
  background:var(--pannello);border:1px solid var(--bordo);
  border-radius:14px;padding:20px 22px;margin:22px 0;
}
.riquadro p:last-child{margin-bottom:0}
.riquadro--nota{
  background:rgba(200,146,64,.12);
  border-color:rgba(224,176,99,.4);
}
.riquadro--nota strong{color:#F0DCBC}

/* ---------- Tabelle ---------- */
.tab-scorri{overflow-x:auto;margin:16px 0 22px}
table{
  width:100%;border-collapse:collapse;min-width:520px;
  background:var(--pannello);border:1px solid var(--bordo);
  border-radius:12px;overflow:hidden;
}
th,td{
  padding:11px 14px;text-align:left;font-size:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  vertical-align:top;
}
th{
  font-family:var(--font-display);font-size:11px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--testo-tenue);background:rgba(255,255,255,.04);
}
tr:last-child td{border-bottom:0}
td code{white-space:nowrap}

/* ---------- Piede ---------- */
.doc-pie{
  margin-top:48px;padding-top:22px;
  border-top:1px solid var(--bordo);
  font-size:12.5px;color:var(--testo-tenue);
  display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center;
}
.doc-pie a{color:var(--testo-tenue);text-decoration:underline;text-underline-offset:2px}
.doc-pie a:hover{color:#fff}
.doc-pie button{
  background:none;border:0;padding:0;cursor:pointer;
  font:inherit;color:var(--testo-tenue);
  text-decoration:underline;text-underline-offset:2px;
}
.doc-pie button:hover{color:#fff}

:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;border-radius:4px}

@media (max-width:560px){
  body{font-size:15px}
  table{min-width:460px}
}