*{box-sizing:border-box}body{margin:0;background:#24130e;color:#392719;font-family:Georgia,"Times New Roman",serif}.conte-rapa{width:100%}.pergamena{max-width:1180px;margin:30px auto;padding:20px}.pergamena-inner{padding:45px 55px;background:#ead3a2;box-shadow:0 10px 40px #0007,inset 0 0 65px #54300d2b;border:1px solid #a27638}.hero{display:grid;grid-template-columns:150px 1fr 130px;gap:20px;align-items:center}.stemma{width:145px}.hero-titoli{text-align:center}.hero h1{color:#711a1c;font-size:clamp(38px,5.5vw,70px);line-height:.94;margin:0}.sottotitolo,.motto{color:#623522;font-style:italic}.motto{text-align:center}.panorama{margin:25px -15px 10px}.panorama img{width:100%;max-height:490px;object-fit:cover}.citazioni-top{display:flex;justify-content:space-between;color:#663723;font-style:italic}.novella{display:grid;grid-template-columns:1fr 1px 1fr;gap:35px;font-size:17px;line-height:1.48}.separatore-colonne{background:#96652c}.capolettera:first-letter{float:left;color:#771b1c;font-size:67px;line-height:.72;font-weight:bold;margin:5px 8px 0 0}.chiusura-legenda{text-align:center;max-width:760px;margin:40px auto}.chiusura-legenda h2,.evento h2{color:#711a1c}.fregio{color:#9b6a2c;font-size:23px}.evento{background:#f2e3c2;padding:65px 20px}.evento-inner{max-width:1000px;margin:auto;text-align:center}.eyebrow{color:#8a642d;font-weight:bold;letter-spacing:.14em}.evento h2{font-size:clamp(30px,4vw,48px)}.evento-lead,.evento-inner>p{max-width:800px;margin:0 auto 18px;font-size:19px;line-height:1.6}.orario{margin:35px auto;padding:25px;max-width:650px;border:1px solid #b38b50;background:#ead3a2;display:flex;flex-direction:column}.orario strong{color:#711a1c;font-size:44px}.squadre{display:grid;grid-template-columns:130px 1fr;max-width:760px;margin:45px auto;text-align:left}.numero-grande{font-size:95px;font-weight:bold;color:#711a1c;text-align:center}.premi-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.premio{padding:30px 25px;border:1px solid #b38b50;background:#ead3a2}.premio h3{color:#711a1c}.wa-button{display:inline-block;margin:18px;padding:16px 27px;background:#711a1c;color:white;text-decoration:none;font-weight:bold}.cta{margin-top:55px}.cta-small,.nome-squadra,.premio-small{font-style:italic}@media(max-width:767px){.pergamena{margin:0;padding:0}.pergamena-inner{padding:28px 20px}.hero{grid-template-columns:75px 1fr}.stemma{width:72px}.motto{grid-column:1/-1}.hero h1{font-size:34px}.novella{display:block;font-size:17px;line-height:1.58}.separatore-colonne{display:none}.premi-grid{grid-template-columns:1fr}.squadre{grid-template-columns:80px 1fr}.numero-grande{font-size:70px}.evento{padding:45px 18px}}
/* ===== FIX HERO / MOBILE ===== */
.hero { position: relative; }
.panorama img { height:auto; max-height:none; object-fit:contain; object-position:center; }

.wa-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:#25D366 !important;
    color:#fff !important;
    border-radius:999px;
    padding:15px 25px;
    box-shadow:0 6px 16px rgba(0,0,0,.18);
}
.wa-button:hover{background:#1ebe5d !important;}
.wa-icon{display:inline-flex;width:25px;height:25px;color:#fff;flex:0 0 25px;}
.wa-icon svg{display:block;width:100%;height:100%;}

@media(max-width:767px){
    .hero{
        display:flex;
        flex-direction:column;
        gap:8px;
        text-align:center;
        margin-bottom:18px;
    }
    .stemma{
        width:104px;
        max-width:34vw;
        height:auto;
        margin:0 auto 4px;
    }
    .hero-titoli{width:100%;}
    .hero h1{
        font-size:clamp(31px,9vw,42px);
        line-height:.98;
        word-break:normal;
    }
    .sottotitolo{
        margin:12px auto 0;
        max-width:92%;
        font-size:16px;
        line-height:1.35;
    }
    .motto{
        grid-column:auto;
        margin:10px auto 0;
        font-size:15px;
        line-height:1.25;
    }
    .panorama{
        margin:20px -12px 16px;
        overflow:hidden;
    }
    .panorama img{
        width:100%;
        min-height:0 !important;
        max-height:none !important;
        height:auto !important;
        object-fit:contain !important;
    }
}

/* Panorama pulito: nessun ritaglio CSS */
.panorama img{
    display:block;
    width:100%;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
}

/* ===== HERO DEFINITIVO ISPIRATO ALLA LOCANDINA ===== */
.hero{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    text-align:center !important;
    margin:0 auto 24px !important;
}
.stemma{
    display:block !important;
    width:180px !important;
    max-width:38vw !important;
    height:auto !important;
    margin:0 auto 12px !important;
    object-fit:contain !important;
}
.hero-titoli{width:100% !important;text-align:center !important;}
.hero h1{
    margin:0 !important;
    color:#711a1c !important;
    font-size:clamp(38px,5.4vw,68px) !important;
    line-height:.96 !important;
    text-align:center !important;
}
.sottotitolo{
    margin:15px auto 0 !important;
    max-width:820px !important;
    text-align:center !important;
}
.motto{
    margin:15px auto 0 !important;
    text-align:center !important;
    grid-column:auto !important;
}
.panorama{
    margin:22px 0 18px !important;
    width:100% !important;
    overflow:hidden !important;
}
.panorama img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    border:1px solid #9b6a2c !important;
}
@media(max-width:767px){
    .stemma{
        width:125px !important;
        max-width:42vw !important;
        margin-bottom:12px !important;
    }
    .hero h1{
        font-size:clamp(32px,9.2vw,44px) !important;
        line-height:.98 !important;
    }
    .sottotitolo{
        max-width:96% !important;
        font-size:16px !important;
        line-height:1.35 !important;
    }
    .motto{
        font-size:15px !important;
        line-height:1.25 !important;
    }
    .panorama{
        margin:20px -10px 16px !important;
        width:calc(100% + 20px) !important;
    }
}