@charset "UTF-8";
/* GOOGLE FONT */
/* Inserire nel
*/
/* BASE */
body {
background: #ffffff;
color: #303030;
font-family: 'Inter', Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.6;
letter-spacing: 0.1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
}
/* FIX SCROLL ORIZZONTALE MOBILE */
html,
body{
max-width:100%;
overflow-x:hidden;
}
/* tutti gli elementi rispettano la larghezza */
*{
box-sizing:border-box;
}
/* immagini responsive */
img{
max-width:100%;
height:auto;
}
/* tabelle responsive */
table{
max-width:100%;
}
/* iframe/video */
iframe,
video{
max-width:100%;
}
/* CONTENITORE */
.inner {
max-width: 900px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
box-sizing: border-box;
}
/* HEADER / FOOTER */
#header,
#footer {
width: 100%;
}
/* LINK */
a {
color: #4b3fcf;
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: #2f2fa8;
text-decoration: underline;
}
/* NAV */
ul#nav {
background-color: #2616A2;
color: #FFF;
padding: 10px;
text-align: center;
margin: 0;
border-radius: 0 0 12px 12px;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}
ul#nav li {
display: inline-block;
width: 25%;
}
ul#nav li a {
color: #fff;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.2px;
}
/* SLIDER */
#slider {
background-image: url("../images2/intes2.jpg");
background-repeat: no-repeat;
background-size: contain;
background-position: center top;
background-color: transparent;
height: 260px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
overflow: hidden;
box-shadow: none;
}
#slider:empty {
display: none;
height: 0;
margin: 0;
padding: 0;
}
/* SFONDO COLONNA DESTRA */
#main .inner {
background: linear-gradient(
to right,
transparent 0%,
transparent 66%,
#f7f8fb 66%,
#f7f8fb 100%
);
}
/* CLEAR GENERALE */
#main .inner:after {
content: "";
display: block;
clear: both;
}
/* CONTENUTO */
#content {
width: 66%;
float: left;
padding-right: 15px;
box-sizing: border-box;
margin-left: 0;
}
/* SIDEBAR */
#sidebar {
width: 30%;
float: right;
}
/* SIDEBAR */
.sidebar-box {
background: #ffffff;
border: 1px solid #e7eaf0;
border-radius: 14px;
margin-bottom: 15px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0,0,0,0.04);
}
.sidebar-header {
background: linear-gradient(135deg, #4d6ec7, #3f5faa);
color: #fff;
text-align: center;
padding: 10px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.2px;
}
.sidebar-content {
padding: 10px;
text-align: center;
}
.sidebar-content a {
display: block;
color: #2f3440;
text-decoration: none;
font-size: 13px;
padding: 7px 0;
line-height: 1.4;
}
.sidebar-content a:hover {
color: #3f51b5;
text-decoration: none;
}
.sidebar-content hr {
border: none;
border-top: 1px solid #eceff5;
margin: 8px 0;
}
/* WILLY */
.sidebar-willy {
text-align: center;
margin: 15px 0;
}
.sidebar-willy img {
max-width: 100px;
height: auto;
border-radius: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
/* CLEAR INTERNI */
#content:after {
content: "";
display: block;
clear: both;
}
/* TESTI */
p {
line-height: 1.6;
font-size: 14px;
word-wrap: break-word;
color: #424854;
margin: 0 0 14px 0;
}
li,
td {
font-size: 14px;
line-height: 1.6;
color: #424854;
}
/* TITOLI */
h1,
h2,
h3 {
margin-top: 0;
color: #1f2937;
letter-spacing: -0.2px;
}
h1 {
font-size: 24px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 14px;
}
h2 {
font-size: 20px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 12px;
}
h3 {
font-size: 17px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 10px;
}
.line {
border-top: 1px solid #dfe4ef;
margin: 25px 0;
}
.clear {
clear: both;
}
/* IMMAGINI */
img.aboutus {
float: left;
margin-right: 15px;
margin-bottom: 10px;
width: 280px;
max-width: 100%;
height: auto;
display: block;
border-radius: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
/* SIDEBAR FONT */
#sidebar,
#sidebar * {
font-size: 13px !important;
line-height: 1.35 !important;
}
#sidebar .willy-caption {
font-size: 11px !important;
color: #7b8090;
}
.breadcrumb {
display: inline-block;
max-width: 680px;
margin: 0 auto 20px auto;
padding: 10px 14px;
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 13px;
color: #777;
line-height: 1.5;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
text-align: center;
}
.breadcrumb a {
color: #4a6fa5;
text-decoration: none;
}
.breadcrumb a:hover {
text-decoration: underline;
}
/* BLOCCO FOTO + TESTO */
.foto-blocco {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 20px;
padding: 14px;
background: #f8f9fc;
border: 1px solid #e8ebf2;
border-radius: 14px;
box-shadow: 0 3px 10px rgba(0,0,0,0.04);
}
/* FOTO */
.foto-blocco .foto {
width: 45%;
}
.foto-blocco .foto img {
width: 100%;
height: auto;
display: block;
border-radius: 10px;
box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
/* ZOOM */
.foto-blocco .foto a {
display: inline-block;
margin-top: 5px;
font-size: 12px;
font-weight: 600;
}
/* TESTO */
.foto-blocco .testo {
width: 55%;
}
.foto-blocco .testo strong {
display: block;
margin-bottom: 5px;
font-size: 16px;
color: #1f2937;
}
.foto-blocco .testo p {
margin: 0;
}
.testo-pagina {
width: 520px;
max-width: 100%;
margin: 0 auto 25px auto;
text-align: left;
}
/* ===== MIGLIORAMENTO GERARCHIA CONTENUTI ===== */
/* Solo contenuto, non sidebar/menu */
#content h2 {
font-size: 18px;
font-weight: 600;
line-height: 1.3;
margin: 18px 0 8px 0;
color: #2a2a2a;
}
#content h3 {
font-size: 15px;
font-weight: 500;
color: #444;
margin: 14px 0 6px 0;
}
/* niente maiuscolo urlato */
#content h2,
#content h3 {
text-transform: none;
}
/* testo più morbido */
#content p {
font-size: 14px;
line-height: 1.7;
color: #555;
}
/* spaziatura più elegante */
#content p,
#content li {
margin-bottom: 12px;
}
/* separa meglio le sezioni */
#content h2 {
margin-top: 22px;
}
/* evidenziazione leggera tipo "Nuovo 2025" */
.section-highlight {
font-size: 16px;
font-weight: 600;
color: #1f3f75;
margin-top: 18px;
}
/* MOBILE */
@media (max-width: 768px) {
#main .inner {
background: none;
padding: 0 10px;
}
#content,
#sidebar {
float: none;
width: 100%;
padding-right: 0;
margin-left: 0;
}
#main,
#main .inner,
#content {
margin-top: 0 !important;
padding-top: 0 !important;
}
#content > *:first-child {
margin-top: 0 !important;
}
img.aboutus {
float: none;
display: block;
margin: 0 0 10px 0;
width: 100%;
}
#content img {
display: block;
margin-top: 0 !important;
}
#slider {
width: 100%;
height: 140px;
overflow: hidden;
border-radius: 10px;
}
#slider img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
body {
font-size: 15px;
}
p {
font-size: 15px;
line-height: 1.6;
}
h1 {
font-size: 22px;
line-height: 1.3;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}
#sidebar,
#sidebar * {
font-size: 13px !important;
}
.foto-blocco {
flex-direction: column;
gap: 10px;
padding: 12px;
}
.foto-blocco .foto,
.foto-blocco .testo {
width: 100%;
}
/* ===== FIX PAGINE CONTENUTO (ristoranti ecc.) ===== */
/* meno spazio sotto breadcrumb */
.breadcrumb {
margin: 0 auto 10px auto;
}
/* titolo più compatto */
h1 {
font-size: 22px;
font-weight: 600;
line-height: 1.25;
margin-bottom: 8px;
}
/* sottotitolo più leggibile e vicino */
h1 + p {
margin-top: 0;
margin-bottom: 12px;
color: #555;
}
/* riduce leggermente lo spazio generale sopra il contenuto */
#content {
padding-top: 5px;
}
/* ===== MICRO TUNING MOBILE ===== */
h1 {
margin-bottom: 6px;
}
h1 + p {
margin-bottom: 6px;
}
h1 + p + p {
margin-top: 0;
margin-bottom: 10px;
}
/* avvicina la card */
.foto-blocco,
.ristorante-box,
.card {
margin-top: 10px;
}
/* ===== MIGLIORAMENTO GERARCHIA CONTENUTI ===== */
/* SOLO contenuto, non sidebar/menu */
#content h1 {
font-size: 22px;
font-weight: 600;
line-height: 1.25;
margin-bottom: 10px;
color: #1f2937;
}
#content h2 {
font-size: 17px;
font-weight: 600;
line-height: 1.3;
margin: 20px 0 8px 0;
color: #2a2a2a;
}
#content h3 {
font-size: 14px;
font-weight: 500;
color: #555;
margin: 12px 0 6px 0;
}
/* NIENTE MAIUSCOLO AGGRESSIVO */
#content h1,
#content h2,
#content h3 {
text-transform: none;
}
/* TESTO PIÙ MORBIDO */
#content p {
font-size: 14px;
line-height: 1.7;
color: #555;
margin-bottom: 12px;
}
/* LISTE PIÙ LEGGIBILI */
#content ul {
margin: 8px 0 14px 18px;
padding: 0;
}
#content li {
margin-bottom: 6px;
}
/* LINK PIÙ PULITI */
#content a {
font-weight: 500;
}
/* SEZIONI PIÙ ARIOSE */
#content h2 {
margin-top: 24px;
}
/* BLOCCO "NUOVO 2025" */
.section-highlight {
font-size: 15px;
font-weight: 600;
color: #1f3f75;
margin: 14px 0 8px 0;
}
/* BLOCCO INTRO (se usato) */
#content > div p {
margin-bottom: 8px;
}
/* SPAZIO TRA INTRO E CONTENUTO */
#content > div {
margin-bottom: 10px;
}
}