
:root{--ink:#18233a;--muted:#687386;--blue:#173f82;--gold:#b28a38;--line:#d8d2c4;--card:#fffdf8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f5f5f3 url('images/sfondo.jpg') repeat;line-height:1.55}
a{color:var(--blue)} a:hover{color:#0c2b61}
.lp-shell{min-height:100vh;display:flex;flex-direction:column}
.lp-header{padding:28px 18px 0;text-align:center}
.lp-logo{display:inline-block;max-width:95%;border:1px solid var(--blue);border-radius:9px;overflow:hidden;line-height:0;background:url('images/sfondo.jpg') repeat}
.lp-logo img{display:block;width:min(541px,100%);height:auto}
.lp-nav{max-width:1120px;margin:22px auto 0;padding:0 18px;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.lp-nav a{padding:9px 12px;border:1px solid rgba(23,63,130,.18);border-radius:8px;text-decoration:none;font-size:13px;font-weight:700;background:rgba(255,253,248,.72);color:var(--ink)}
.lp-nav a:hover{border-color:var(--blue);background:rgba(255,253,248,.95)}
.lp-main{width:min(1120px,calc(100% - 32px));margin:26px auto 42px;flex:1}
.lp-content{background:rgba(255,253,248,.88);border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 12px 32px rgba(33,35,40,.08);overflow:auto}
.lp-content table{max-width:100%;margin-left:auto;margin-right:auto}
.lp-content img{max-width:100%;height:auto}
.lp-content font{font-family:Arial,Helvetica,sans-serif}
.lp-content h1,.lp-content h2,.lp-content h3{color:var(--ink)}
.lp-content hr{border:0;border-top:1px solid var(--line)}
.lp-footer{border-top:1px solid var(--line);padding:22px 16px 30px;text-align:center;color:var(--muted);font-size:13px}
.lp-footer strong{color:var(--ink);letter-spacing:.04em}
@media(max-width:720px){
 .lp-header{padding-top:18px}.lp-nav{gap:5px}.lp-nav a{font-size:12px;padding:8px 9px}
 .lp-main{width:min(100% - 20px,1120px);margin-top:18px}.lp-content{padding:18px 12px;border-radius:10px}
 .lp-content table{width:auto!important;max-width:100%!important}
}


/* --- Sezione Squadre --- */
.lp-main.lp-main-squadre{width:min(900px,calc(100% - 32px))}
.lp-content.lp-squadre-content{padding-left:34px;padding-right:34px}
.squadre-title-box{
  display:inline-flex;align-items:center;justify-content:center;
  margin:0 auto;padding:10px 18px;
  border:1px solid var(--blue);border-radius:9px;
  background:url('images/sfondo.jpg') repeat;
  line-height:0
}
.squadre-title-box img{display:block;margin:0;max-width:100%;height:auto}
.lp-team-page .lp-main{width:min(900px,calc(100% - 32px))}
.lp-team-page .lp-content{padding-left:34px;padding-right:34px}
.lp-team-page .team-media-frame{
  width:auto!important;max-width:100%!important;margin:10px auto 0!important;
  border:1px solid var(--blue)!important;border-collapse:separate!important;
  border-spacing:0!important;border-radius:8px;overflow:hidden;
  background:url('images/sfondo.jpg') repeat
}
.lp-team-page .team-media-frame td{
  width:auto!important;height:auto!important;padding:8px!important;text-align:center!important
}
.lp-team-page .team-media-frame p{margin:0!important;text-align:center!important}
.lp-team-page .team-media-frame img{display:block;margin:0 auto;max-width:100%;height:auto}
.lp-team-page .team-kit-frame img{width:150px!important;height:auto!important;image-rendering:auto}
.lp-team-page .team-stadium-frame img{width:auto!important;max-width:min(560px,100%)!important;height:auto!important}
@media(max-width:720px){
  .lp-main.lp-main-squadre,.lp-team-page .lp-main{width:min(100% - 20px,900px)}
  .lp-content.lp-squadre-content,.lp-team-page .lp-content{padding-left:14px;padding-right:14px}
  .squadre-title-box{padding:9px 14px}
  .lp-team-page .team-kit-frame img{width:135px!important}
}

.lp-team-page .team-logo-box{
  display:inline-flex;align-items:center;justify-content:center;
  margin:0 auto 12px;padding:10px 14px;
  border:1px solid var(--blue);border-radius:9px;
  background:url('images/sfondo.jpg') repeat;
  line-height:0
}
.lp-team-page .team-logo-box img{
  display:block;margin:0;max-width:180px;height:auto
}


/* --- Sezione Statistiche --- */
.lp-main.lp-main-statistiche{width:min(900px,calc(100% - 32px))}
.lp-content.lp-statistiche-content{padding:30px 34px 38px}
.statistiche-title-box{
  width:max-content;max-width:95%;margin:0 auto 34px;padding:10px 18px;
  border:1px solid var(--blue);border-radius:9px;
  background:url('images/sfondo.jpg') repeat;line-height:0
}
.statistiche-title-box img{display:block;margin:0;max-width:100%;height:auto}
.statistiche-table-wrap{overflow-x:auto;padding-bottom:4px}
.statistiche-table{
  margin:0 auto!important;border-collapse:collapse!important;
  width:565px!important;max-width:100%!important;table-layout:auto;background:rgba(255,255,255,.42)
}
.statistiche-table td,.statistiche-table th{
  border:1px solid #8d98aa;padding:7px 9px;white-space:nowrap
}
@media(max-width:720px){
  .lp-main.lp-main-statistiche{width:min(100% - 20px,900px)}
  .lp-content.lp-statistiche-content{padding:18px 14px 26px}
  .statistiche-title-box{padding:9px 14px;margin-bottom:24px}
}

.statistiche-table-block{width:565px;max-width:100%;margin:0 auto 22px}
.statistiche-table-block:last-child{margin-bottom:0}

/* Rifinitura tabelle Statistiche */
.statistiche-table tr:first-child td{
  font-weight:700!important;
}
.statistiche-table tr:first-child td:not(:last-child){
  border-right:3px double #6f7b8e!important;
}
.statistiche-table tr:not(:first-child) td:nth-child(2),
.statistiche-table tr:not(:first-child) td:nth-child(4){
  border-right:3px double #6f7b8e!important;
}


/* --- Sezione La Storia --- */
.lp-main.lp-main-storia{width:min(840px,calc(100% - 32px))}
.lp-content.lp-storia-content{padding:32px 34px 40px}
.storia-title-box{
  width:max-content;max-width:95%;margin:0 auto 36px;padding:10px 18px;
  border:1px solid var(--blue);border-radius:9px;
  background:url('images/sfondo.jpg') repeat;line-height:0
}
.storia-title-box img{display:block;margin:0;max-width:100%;height:auto}
.storia-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 18px;max-width:650px;margin:0 auto
}
.storia-link{
  display:flex;align-items:center;justify-content:center;
  min-height:58px;padding:13px 16px;border:1px solid var(--line);
  border-radius:10px;background:rgba(255,253,248,.72);
  color:var(--blue);text-decoration:none;font-weight:700;text-align:center
}
.storia-link:hover{border-color:var(--blue);background:rgba(255,253,248,.96)}
@media(max-width:620px){
  .lp-main.lp-main-storia{width:min(100% - 20px,840px)}
  .lp-content.lp-storia-content{padding:20px 14px 28px}
  .storia-grid{grid-template-columns:1fr}
}


/* --- Rifinitura sottopagine La Storia --- */
.history-subpage .lp-main,
.scripta-page .lp-main{width:min(900px,calc(100% - 32px))}
.history-title-box{
  display:inline-flex;align-items:center;justify-content:center;
  margin:0 auto;padding:10px 18px;border:1px solid var(--blue);
  border-radius:9px;background:url('images/sfondo.jpg') repeat;line-height:0
}
.history-title-box img{display:block;margin:0;max-width:100%;height:auto}
.history-media-frame{
  width:auto!important;max-width:100%!important;margin:12px auto 20px!important;
  border:1px solid var(--blue)!important;border-collapse:separate!important;
  border-spacing:0!important;border-radius:8px;overflow:hidden;
  background:url('images/sfondo.jpg') repeat
}
.history-media-frame td{width:auto!important;height:auto!important;padding:8px!important;text-align:center!important}
.history-media-frame p{margin:0!important;text-align:center!important}
.history-media-frame img{display:block;margin:0 auto;max-width:100%;height:auto}
.cups-frame img{width:auto!important;max-height:88px!important}

.scripta-intro{max-width:720px;margin:18px auto 30px;color:#334055;font-size:17px;line-height:1.7}
.scripta-intro p{margin:0 0 14px;text-align:left}
.scripta-intro .scripta-intro-last{text-align:center;font-weight:700;color:var(--blue)}
.scripta-page .lp-content{font-size:16px;line-height:1.65}

.dinner-index .lp-main{width:min(820px,calc(100% - 32px))}
.dinner-page:not(.dinner-index) .lp-main{width:min(940px,calc(100% - 32px))}
.dinner-page .lp-content font[size="1"],
.dinner-page .lp-content font[size="2"],
.basket-page .lp-content font[size="1"],
.basket-page .lp-content font[size="2"]{font-size:15px!important;line-height:1.5}
.dinner-photo-frame img.slightly-enlarge{width:min(360px,100%)!important;height:auto!important}

.basket-page .lp-main{width:min(940px,calc(100% - 32px))}
.basket-photo-frame img{width:auto!important;max-width:min(620px,100%)!important;height:auto!important}

@media(max-width:720px){
 .history-subpage .lp-main,.scripta-page .lp-main,.dinner-index .lp-main,
 .dinner-page:not(.dinner-index) .lp-main,.basket-page .lp-main{width:min(100% - 20px,940px)}
 .history-title-box{padding:9px 14px}
 .scripta-intro{font-size:16px}
}


/* --- V11: navigazione, Cene, Scripta, Speciale decennale --- */

/* Menu coerente con la home su tutte le pagine */
.lp-header .lp-nav{margin-top:18px;margin-bottom:0}

/* Le cene */
.dinner-index .lp-content td,
.dinner-index .lp-content a{
  font-size:17px!important;
  line-height:1.6
}
.dinner-caption,
.special-caption{
  width:min(760px,92%)!important;
  margin:12px auto 18px!important
}
.dinner-caption td,
.dinner-caption font,
.dinner-caption a,
.special-caption td,
.special-caption font,
.special-caption a{
  font-size:16px!important;
  line-height:1.55!important
}

/* Scripta manent */
.poem-links{
  width:min(620px,90%)!important;
  margin:8px auto!important
}
.poem-links a,
.poem-links font{
  font-size:17px!important;
  font-family:Arial,Helvetica,sans-serif!important
}
.poetry-content .poem-stanza,
.poetry-content .poem-stanza font{
  font-size:16px!important;
  line-height:1.6!important;
  font-family:Arial,Helvetica,sans-serif!important
}
.poetry-content p[align="CENTER"],
.poetry-content p[align="center"]{
  text-align:center
}
.poetry-content > font{
  font-size:16px!important;
  line-height:1.6!important;
  font-family:Arial,Helvetica,sans-serif!important
}

/* Speciale decennale */
.speciale-page .lp-main{width:min(940px,calc(100% - 32px))}
.special-photo-frame img{
  width:auto!important;
  max-width:min(640px,100%)!important;
  height:auto!important
}
.special-photo-frame img.slightly-enlarge-special{
  width:min(420px,100%)!important
}
.special-caption td,
.special-caption font{
  color:var(--ink)!important
}

@media(max-width:720px){
  .dinner-index .lp-content td,.dinner-index .lp-content a{font-size:16px!important}
  .dinner-caption td,.dinner-caption font,.dinner-caption a,
  .special-caption td,.special-caption font,.special-caption a{font-size:15px!important}
  .poem-links a,.poem-links font{font-size:16px!important}
  .poetry-content .poem-stanza,.poetry-content .poem-stanza font,
  .poetry-content > font{font-size:15.5px!important}
  .speciale-page .lp-main{width:min(100% - 20px,940px)}
}

.first-2038-stanza{text-align:center!important;margin-left:auto!important;margin-right:auto!important}

.first-2038-text{text-align:center!important;margin-left:auto!important;margin-right:auto!important}

/* Correzione colore testo Scripta manent */
.scripta-normalized .poem-stanza,.scripta-normalized .poem-stanza font{color:var(--ink)!important}

/* Footer email V3 */
.lp-footer-email{margin-top:6px;font-size:13px}
.lp-footer-email a{color:inherit;text-decoration:none}
.lp-footer-email a:hover{text-decoration:underline}

/* Correzione cornici foto dafranz2/dafranz3 - stile dafranz */
.photo-tight-frame{
  width:auto!important;
  display:table!important;
  max-width:100%!important;
  margin:12px auto 20px!important;
  padding:0!important;
  border:1px solid var(--blue)!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:url('images/sfondo.jpg') repeat!important;
}
.photo-tight-frame td{
  width:auto!important;
  height:auto!important;
  padding:8px!important;
  margin:0!important;
  border:0!important;
  text-align:center!important;
  line-height:0!important;
}
.photo-tight-frame img{
  display:block!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  max-width:100%!important;
  height:auto!important;
}

