/* Porta Antica — quattro camere in Via Gombito, Citta' Alta.

   Il segno della casa sono le targhe: una piastra di corten su ogni porta,
   con il numero, il nome del luogo e il suo disegno a linea. Il sito prende
   da li': il colore e' quello del corten, e l'occhiello di ogni sezione sta
   dentro una cornice sottile, come la targa sulla porta.

   Distinto dalle altre due case in Citta' Alta: Palazzo Rivola e' verde
   salvia e oro, Palazzo Salvecchio vinaccia e pietra fredda, Le Torri pietra
   e terracotta. Qui il fondo e' calcare chiaro e l'accento e' ruggine. */

:root{
  --carta:#faf7f2;
  --carta-2:#efe9e0;
  --inchiostro:#241f1b;
  --inchiostro-2:#6b5f55;
  --filo:rgba(36,31,27,.14);
  --filo-forte:rgba(36,31,27,.3);
  --accento:#9a5330;               /* corten */
  --accento-scuro:#7b3f22;
  --accento-chiaro:#f0e2d8;
  --su-accento:#faf7f2;
  --titolo:'Marcellus',Georgia,serif;
  --testo:'Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --etichetta:'Source Sans 3',Arial,sans-serif;
  --raggio:2px;
  --raggio-grande:3px;
  --ombra:0 20px 46px -28px rgba(36,31,27,.45);
}

/* Il Marcellus viene dalle capitali romane incise: ha un solo peso e non ne
   serve un altro. I titoli restano sottili anche quando sono grandi. */
h1,h2,h3,h4{font-weight:400;letter-spacing:.005em;}
.apertura h1{letter-spacing:-.01em;}

/* L'occhiello dentro la cornice: e' la targa delle camere, ridotta a una
   riga. Compare solo dove l'occhiello apre una sezione, non nelle schede. */
.blocco .wrap > .occhiello{
  display:inline-block;border:1px solid var(--filo-forte);
  padding:7px 14px 6px;letter-spacing:.2em;color:var(--accento-scuro);
}

.btn{letter-spacing:.12em;font-weight:600;font-size:.8rem;}
.btn-pieno{background:var(--accento);}
.tacca{
  background:transparent;border:1px solid var(--filo-forte);border-radius:2px;
  color:var(--inchiostro-2);font-weight:600;
}
.scheda{border-radius:var(--raggio-grande);}

/* Le fotografie delle camere sono chiare e piene di luce: l'apertura non ha
   bisogno di essere alta quanto quella delle dimore storiche. */
.apertura{min-height:min(78vh,700px);}

footer.sito{background:#241f1b;}