/* Aste Italia — tema editoriale (03/11/2026). Caricato DOPO style.css: ridefinisce colori, caratteri e i componenti
   principali senza toccare la struttura. Per tornare alla grafica di prima basta togliere il <link> in base.html.
   Font ospitati qui (CSP font-src 'self'): Fraunces e Inter, licenza SIL Open Font License 1.1. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:400 800;font-display:swap;src:url(/static/font/fraunces-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400 700;font-display:swap;src:url(/static/font/fraunces-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/font/inter-normal.woff2) format("woff2")}

:root{
  --bg:#F6F1E8;          /* carta */
  --fg:#1C1A17;          /* inchiostro */
  --mut:#655D51;
  --line:#E4DACB;
  --soft:#EFE7DA;
  --acc:#A6411D;         /* terracotta: link, bottoni */
  --acc2:#7A2E1A;
  --ok:#2E6A3F;
  --att:#8A5A00;
  --bosco:#17332C;       /* footer, fascia alta */
  --crema:#EDE5D6;
  --pesca:#F2C3A1;
  --card:#FFFFFF;
  --r:14px;
  --ombra:0 1px 2px rgba(40,30,20,.06),0 10px 28px rgba(40,30,20,.07);
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
body{background:var(--bg);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-underline-offset:2px}
h1,h2,h3,.prezzo,.prezzo-grande{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:-.01em}
h1,h2,h3{font-weight:650}
.prezzo,.prezzo-grande{font-variant-numeric:lining-nums tabular-nums}

/* fascia alta e testata */
.fascia{background:var(--bosco);color:var(--crema);font-size:12.5px;letter-spacing:.02em}
.fascia .wrap{display:flex;justify-content:space-between;gap:12px;min-height:30px;align-items:center}
.fascia a{color:var(--pesca);text-decoration:none}
.top{background:rgba(246,241,232,.94);backdrop-filter:saturate(1.2) blur(8px);-webkit-backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{min-height:64px}
.logo{gap:10px;font-family:var(--serif);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--fg)}
.logo svg{width:34px;height:34px}
.logo .motto{display:block;font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-top:1px}
.logo .nome{display:flex;flex-direction:column;line-height:1.05}
.top nav a{font-weight:600;font-size:15px;color:var(--fg);position:relative}
.top nav a:hover{color:var(--acc)}
.top nav a[aria-current=page]::after{content:"";position:absolute;left:8px;right:8px;bottom:10px;height:2px;background:var(--acc);border-radius:2px}

/* apertura della home e delle pagine luogo */
.hero{padding:44px 0 18px}
.hero .occhiello{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin:0 0 12px}
.hero h1{font-size:50px;line-height:1.04;margin:0 0 16px;max-width:820px;font-weight:650}
.hero h1 em{font-style:italic;font-weight:500;color:var(--acc)}
.hero p,.hero .intro-home{font-size:18.5px;line-height:1.55;color:#3A352E;max-width:680px}
.cta-home{margin-top:14px}

/* ricerca */
.filtri{background:var(--card);border:1px solid var(--line);box-shadow:var(--ombra);border-radius:18px;padding:14px;gap:10px;margin:22px 0 18px}
.filtri select,.filtri input{min-height:48px;border-radius:12px;border:1px solid var(--line);background:#FBF8F3;font-size:15.5px;padding:0 12px}
.filtri select:focus,.filtri input:focus{border-color:var(--acc);outline:2px solid rgba(166,65,29,.18);outline-offset:0}
.filtri button{min-height:48px;padding:0 26px;border-radius:12px;font-size:16px}

/* bottoni */
.btn,.filtri button,button.cta,a.cta{background:var(--acc);border-radius:12px;font-weight:650;letter-spacing:.005em;transition:background .15s,transform .15s}
.btn:hover,.filtri button:hover,button.cta:hover,a.cta:hover{background:var(--acc2)}
.btn.secondario{background:transparent;color:var(--fg);border:1.5px solid var(--fg)}
.btn.secondario:hover{background:var(--fg);color:var(--bg)}
.btn.piccolo{border-radius:999px;padding:7px 16px}

/* contatore e lista */
.conta{color:var(--mut);font-size:14.5px}
.lista{gap:22px}
.card{border:0;border-radius:18px;background:var(--card);box-shadow:var(--ombra);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(40,30,20,.06),0 18px 40px rgba(40,30,20,.12)}
.copertina{height:220px}
.copertina img{transition:transform .5s}
.card:hover .copertina img{transform:scale(1.04)}
.copertina .badge{background:rgba(28,26,23,.72);border-radius:999px;padding:4px 10px;font-weight:600;font-size:12px;backdrop-filter:blur(4px)}
.copertina .timbro{position:absolute;left:12px;top:12px;background:var(--ok);color:#fff;font:700 12.5px/1 var(--sans);letter-spacing:.01em;padding:7px 11px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.card .info{padding:16px 18px 18px}
.card .prezzo{font-size:27px;font-weight:650;line-height:1.15}
.card .prezzo .mut{font-family:var(--sans);font-size:13px;font-weight:500}
.card h2,.card h3{font-family:var(--sans);font-size:16.5px;font-weight:650;letter-spacing:-.005em;margin:8px 0 2px}
.card .comune{font-size:14px}
.card .fatti{color:#3A352E}
.meta{gap:6px}
.tag{background:var(--soft);border:0;border-radius:999px;padding:4px 10px;font-size:12.5px;color:#4A443B;font-weight:500}
.tag.ok{background:#E6F0E6;color:var(--ok);font-weight:650}
.tag.att{background:#FBEFD9;color:var(--att)}
.tag.ko{background:#F8E3DC;color:var(--acc2)}
.riga-nofoto{background:var(--soft)}

/* indice province e tribunali, blocchi testo */
.indice{border-top:1px solid var(--line)}
.indice h2{font-size:22px}
.modulo,.affiancamento{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--ombra)}
.modulo h2,.affiancamento h2{font-size:24px}

/* scheda */
.annuncio header h1{font-size:34px;line-height:1.12;font-weight:650}
.annuncio h2{font-size:25px;margin:34px 0 10px}
.prezzo-grande{font-size:42px;font-weight:650}
.prezzo-grande .mut{font-family:var(--sans)}
.omi-sconto{display:inline-block;background:#E6F0E6;color:var(--ok);border-radius:999px;padding:6px 14px;font-size:14.5px}
.omi-sconto .mut{color:#3F6A4B}
.galleria .principale img{border-radius:18px}
.galleria .strip a{border-radius:10px}
.dati th{font-family:var(--sans)}
.storia-lotto,.rendita,.mercato{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:28px 0;box-shadow:var(--ombra)}
.storia-lotto h2,.rendita h2,.mercato h2{margin-top:0}

/* footer */
.foot{background:var(--bosco);color:#CFC6B5;border-top:0;margin-top:56px;padding:44px 0 30px;font-size:13.5px}
.foot .marchio{font-family:var(--serif);font-size:26px;font-weight:700;color:var(--crema);margin:0 0 4px}
.foot .marchio+p{color:var(--pesca);margin-bottom:22px}
.foot a,.foot nav a,.foot .indice.compatto a{color:var(--crema)}
.foot a:hover{color:var(--pesca)}
.foot .indice.compatto b{color:var(--pesca)}
.foot .incompleto{color:#E9B48E}

/* apertura su due colonne in home (computer): a destra i tre passi */
.hero.con-passi{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:28px 48px;align-items:end}
.tre-passi{list-style:none;margin:0;padding:22px 24px;background:var(--card);border-radius:18px;box-shadow:var(--ombra);counter-reset:passo}
.tre-passi li{counter-increment:passo;display:grid;grid-template-columns:44px 1fr;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
.tre-passi li:last-child{border-bottom:0}
.tre-passi li::before{content:counter(passo);grid-row:1/3;font:italic 600 34px/1 var(--serif);color:var(--acc)}
.tre-passi b{font-size:15.5px}
.tre-passi span{color:var(--mut);font-size:14px;line-height:1.45}

/* ricerca su una riga sola da computer */
@media(min-width:801px){
  .filtri{flex-wrap:nowrap}
  .filtri>select[name=prov]{flex:0 0 200px}
  .filtri-piu{flex:1 1 auto;min-width:0}
  .filtri-piu .dentro{flex-wrap:nowrap}
  .filtri-piu .dentro>*{flex:1 1 0;min-width:0}
  .filtri input[name=pmax]{width:auto}
}

/* «Avvisami» nei colori del sito */
.avvisami{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:16px;padding:16px 18px;box-shadow:var(--ombra)}
.avvisami .titolo{font-family:var(--serif);font-size:19px;font-weight:650}
.avvisami .titolo small{font-family:var(--sans)}
.omi-sconto{border-radius:14px}

@media(max-width:800px){
  .hero.con-passi{display:block}
  .tre-passi{display:none}
  .fascia .wrap{justify-content:center;min-height:34px}
  .fascia .wrap>span{display:none}
  .hero{padding:26px 0 8px}
  .hero h1{font-size:34px;line-height:1.08}
  .hero p,.hero .intro-home{font-size:16.5px}
  .logo{font-size:21px}
  .logo svg{width:30px;height:30px}
  .logo .motto{display:none}
  .fascia .lungo{display:none}
  .copertina{height:210px}
  .annuncio header h1{font-size:27px}
  .prezzo-grande{font-size:34px}
  .annuncio h2{font-size:22px}
  .storia-lotto,.rendita,.mercato{padding:16px}
}
@media(max-width:480px){
  .hero h1{font-size:31px}
  .filtri{padding:10px;border-radius:16px}
  .card .prezzo{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.card,.card:hover,.copertina img,.card:hover .copertina img{transition:none;transform:none}}