/* ===== TEMA OTTANIO — nov 2026 (dal logo nuovo) ===== */
[data-theme="ottanio"]{
  --page-tint:radial-gradient(1100px 700px at 12% -6%,rgba(240,184,96,.10),transparent 60%),radial-gradient(1300px 820px at 50% 112%,rgba(0,0,0,.25),transparent 62%);--vignette:.40;--grain:.03;
  --paper:#0b2b35; --paper-2:#0f3541; --paper-3:#14404d;
  --ink:#f1e8d8; --ink-soft:#a7bcc0; --line:#22505c;
  --accent:#d6b47a; --accent-2:#f0dcae; --accent-soft:#11313b;
  --grad:linear-gradient(168deg,#fffaf0 0%,#f1e8d8 30%,#cdb58e 62%,#f7efe0 100%);
  --grad-em:linear-gradient(168deg,#fff1d6 0%,#e8cfa6 30%,#c08a4a 66%,#f3e2c2 100%);
  --display:'Bodoni Moda',Georgia,serif;
  --body:'Inter',-apple-system,sans-serif;
  --dw:400; --dls:-.008em; --dlh:1.08; --radius:2px;
  --ph-s:9%; --ph-l1:34%; --ph-l2:18%;
  --shadow:0 26px 60px -30px rgba(0,10,14,.9);
  --kls:.26em; --onaccent:#0b2b35;
}
/* luce calda in alto a sinistra, come il bagliore del cerchio */
[data-theme="ottanio"] #bgfx .tone{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 40%,rgba(0,0,0,.38) 100%),
    radial-gradient(1100px 700px at 14% -10%,rgba(246,196,120,.16),transparent 60%),
    radial-gradient(1200px 800px at 70% 20%,rgba(40,120,140,.18),transparent 62%);
}
[data-theme="ottanio"] #bgfx .vig{background-image:radial-gradient(135% 100% at 45% 30%,transparent 46%,#021116 100%)}
/* nome nel logo in Cinzel, come il logo */
[data-theme="ottanio"] .brand .bt b{font-family:'Cinzel',Georgia,serif;letter-spacing:.12em;font-size:15px;text-transform:uppercase}
[data-theme="ottanio"] .brand .bt em{letter-spacing:.24em}
/* il marchio: cerchio dorato con la S */
[data-theme="ottanio"] .mark{
  width:38px;height:38px;flex:0 0 38px;border:none;border-radius:50%;
  background:url(/assets/tss-mark.png) center/cover no-repeat;
  box-shadow:0 0 18px -4px rgba(240,190,110,.45);
}
[data-theme="ottanio"] .mark i{opacity:0}
[data-theme="ottanio"] .mark::after{display:none}
@media (max-width:640px){
  [data-theme="ottanio"] .brand .bt b{font-size:12px;letter-spacing:.05em}
  [data-theme="ottanio"] .brand .bt em{letter-spacing:.14em}
  [data-theme="ottanio"] .mark{width:32px;height:32px;flex:0 0 32px}
}

/* sfondo: orbite (opzione A) */
[data-theme="ottanio"] #bgfx .strings{inset:0;animation:drift 160s ease-in-out infinite alternate;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1000' viewBox='0 0 1600 1000' preserveAspectRatio='xMidYMid slice' fill='none' stroke='%23f3dfb8' stroke-linecap='round'%3E%3Cpath d='M-492.1 69.0 L-484.7 45.8 L-476.5 22.8 L-467.4 0.0 L-457.6 -22.4 L-446.9 -44.6 L-435.4 -66.4 L-423.2 -87.9 L-410.1 -109.0 L-396.3 -129.7 L-381.8 -150.0 L-366.5 -169.9 L-350.5 -189.3 L-333.9 -208.2 L-316.5 -226.6 L-298.5 -244.5 L-279.8 -261.8 L-260.5 -278.6 L-240.7 -294.9 L-220.2 -310.5 L-199.2 -325.5 L-177.6 -339.9 L-155.6 -353.6 L-133.0 -366.7 L-110.0 -379.1 L-86.5 -390.9 L-62.7 -401.9 L-38.4 -412.2 L-13.8 -421.8 L11.2 -430.7 L36.4 -438.8 L62.0 -446.2 L87.8 -452.9 L113.8 -458.7 L140.0 -463.8 L166.4 -468.1 L193.0 -471.7 L219.6 -474.4 L246.4 -476.4 L273.2 -477.6 L300.0 -478.0 L326.8 -477.6 L353.6 -476.4 L380.4 -474.4 L407.0 -471.7 L433.6 -468.1 L460.0 -463.8 L486.2 -458.7 L512.2 -452.9 L538.0 -446.2 L563.6 -438.8 L588.8 -430.7 L613.8 -421.8 L638.4 -412.2 L662.7 -401.9 L686.5 -390.9 L710.0 -379.1 L733.0 -366.7 L755.6 -353.6 L777.6 -339.9 L799.2 -325.5 L820.2 -310.5 L840.7 -294.9 L860.5 -278.6 L879.8 -261.8 L898.5 -244.5 L916.5 -226.6 L933.9 -208.2 L950.5 -189.3 L966.5 -169.9 L981.8 -150.0 L996.3 -129.7 L1010.1 -109.0 L1023.2 -87.9 L1035.4 -66.4 L1046.9 -44.6 L1057.6 -22.4 L1067.4 0.0 L1076.5 22.8 L1084.7 45.8 L1092.1 69.0' stroke-opacity='0.9' stroke-width='1.1'/%3E%3Cpath d='M-513.3 63.9 L-505.7 40.0 L-497.3 16.4 L-488.0 -6.9 L-477.9 -30.0 L-466.9 -52.7 L-455.2 -75.2 L-442.6 -97.2 L-429.2 -118.9 L-415.0 -140.2 L-400.1 -161.0 L-384.4 -181.4 L-368.0 -201.3 L-350.9 -220.7 L-333.0 -239.7 L-314.5 -258.0 L-295.4 -275.8 L-275.6 -293.1 L-255.2 -309.7 L-234.2 -325.8 L-212.6 -341.2 L-190.4 -356.0 L-167.8 -370.1 L-144.6 -383.5 L-121.0 -396.3 L-96.9 -408.3 L-72.4 -419.7 L-47.5 -430.3 L-22.2 -440.1 L3.4 -449.2 L29.3 -457.6 L55.6 -465.2 L82.1 -472.0 L108.8 -478.0 L135.7 -483.2 L162.8 -487.7 L190.1 -491.3 L217.5 -494.2 L244.9 -496.2 L272.5 -497.4 L300.0 -497.8 L327.5 -497.4 L355.1 -496.2 L382.5 -494.2 L409.9 -491.3 L437.2 -487.7 L464.3 -483.2 L491.2 -478.0 L517.9 -472.0 L544.4 -465.2 L570.7 -457.6 L596.6 -449.2 L622.2 -440.1 L647.5 -430.3 L672.4 -419.7 L696.9 -408.3 L721.0 -396.3 L744.6 -383.5 L767.8 -370.1 L790.4 -356.0 L812.6 -341.2 L834.2 -325.8 L855.2 -309.7 L875.6 -293.1 L895.4 -275.8 L914.5 -258.0 L933.0 -239.7 L950.9 -220.7 L968.0 -201.3 L984.4 -181.4 L1000.1 -161.0 L1015.0 -140.2 L1029.2 -118.9 L1042.6 -97.2 L1055.2 -75.2 L1066.9 -52.7 L1077.9 -30.0 L1088.0 -6.9 L1097.3 16.4 L1105.7 40.0 L1113.3 63.9' stroke-opacity='0.55' stroke-width='1.1'/%3E%3Cpath d='M-839.8 -14.9 L-829.2 -48.3 L-817.4 -81.4 L-804.4 -114.1 L-790.2 -146.4 L-774.8 -178.3 L-758.3 -209.7 L-740.7 -240.6 L-721.9 -271.0 L-702.1 -300.8 L-681.1 -330.0 L-659.2 -358.6 L-636.2 -386.5 L-612.2 -413.7 L-587.2 -440.2 L-561.2 -466.0 L-534.4 -490.9 L-506.6 -515.1 L-478.0 -538.5 L-448.6 -560.9 L-418.3 -582.5 L-387.3 -603.2 L-355.6 -623.0 L-323.1 -641.9 L-290.0 -659.7 L-256.2 -676.6 L-221.9 -692.5 L-187.0 -707.3 L-151.6 -721.2 L-115.7 -733.9 L-79.3 -745.6 L-42.5 -756.3 L-5.4 -765.8 L32.1 -774.3 L69.8 -781.6 L107.8 -787.8 L146.0 -792.9 L184.3 -796.9 L222.8 -799.7 L261.4 -801.4 L300.0 -802.0 L338.6 -801.4 L377.2 -799.7 L415.7 -796.9 L454.0 -792.9 L492.2 -787.8 L530.2 -781.6 L567.9 -774.3 L605.4 -765.8 L642.5 -756.3 L679.3 -745.6 L715.7 -733.9 L751.6 -721.2 L787.0 -707.3 L821.9 -692.5 L856.2 -676.6 L890.0 -659.7 L923.1 -641.9 L955.6 -623.0 L987.3 -603.2 L1018.3 -582.5 L1048.6 -560.9 L1078.0 -538.5 L1106.6 -515.1 L1134.4 -490.9 L1161.2 -466.0 L1187.2 -440.2 L1212.2 -413.7 L1236.2 -386.5 L1259.2 -358.6 L1281.1 -330.0 L1302.1 -300.8 L1321.9 -271.0 L1340.7 -240.6 L1358.3 -209.7 L1374.8 -178.3 L1390.2 -146.4 L1404.4 -114.1 L1417.4 -81.4 L1429.2 -48.3 L1439.8 -14.9' stroke-opacity='0.6' stroke-width='1.1'/%3E%3Cpath d='M-855.2 -18.6 L-844.5 -52.5 L-832.5 -86.0 L-819.3 -119.2 L-805.0 -151.9 L-789.4 -184.2 L-772.7 -216.1 L-754.8 -247.4 L-735.8 -278.2 L-715.6 -308.4 L-694.4 -338.0 L-672.2 -367.0 L-648.9 -395.3 L-624.5 -422.9 L-599.2 -449.7 L-572.9 -475.8 L-545.7 -501.1 L-517.6 -525.6 L-488.6 -549.3 L-458.7 -572.1 L-428.1 -594.0 L-396.6 -614.9 L-364.5 -635.0 L-331.6 -654.1 L-298.0 -672.2 L-263.8 -689.3 L-229.0 -705.4 L-193.6 -720.5 L-157.7 -734.5 L-121.3 -747.4 L-84.4 -759.3 L-47.2 -770.1 L-9.5 -779.7 L28.4 -788.3 L66.7 -795.7 L105.2 -802.0 L143.9 -807.2 L182.8 -811.2 L221.8 -814.1 L260.9 -815.8 L300.0 -816.4 L339.1 -815.8 L378.2 -814.1 L417.2 -811.2 L456.1 -807.2 L494.8 -802.0 L533.3 -795.7 L571.6 -788.3 L609.5 -779.7 L647.2 -770.1 L684.4 -759.3 L721.3 -747.4 L757.7 -734.5 L793.6 -720.5 L829.0 -705.4 L863.8 -689.3 L898.0 -672.2 L931.6 -654.1 L964.5 -635.0 L996.6 -614.9 L1028.1 -594.0 L1058.7 -572.1 L1088.6 -549.3 L1117.6 -525.6 L1145.7 -501.1 L1172.9 -475.8 L1199.2 -449.7 L1224.5 -422.9 L1248.9 -395.3 L1272.2 -367.0 L1294.4 -338.0 L1315.6 -308.4 L1335.8 -278.2 L1354.8 -247.4 L1372.7 -216.1 L1389.4 -184.2 L1405.0 -151.9 L1419.3 -119.2 L1432.5 -86.0 L1444.5 -52.5 L1455.2 -18.6' stroke-opacity='0.35' stroke-width='1.1'/%3E%3Cpath d='M1369.3 1070.1 L1343.2 1068.0 L1317.2 1065.5 L1291.2 1062.6 L1265.3 1059.3 L1239.5 1055.6 L1213.8 1051.6 L1188.1 1047.1 L1162.6 1042.3 L1137.1 1037.1 L1111.8 1031.6 L1086.5 1025.6 L1061.4 1019.3 L1036.5 1012.6 L1011.6 1005.5 L987.0 998.1 L962.4 990.3 L938.1 982.2 L913.9 973.6 L889.9 964.8 L866.1 955.5 L842.4 946.0 L819.0 936.0 L795.8 925.8 L772.8 915.1 L750.0 904.2 L727.4 892.9 L705.1 881.3 L683.0 869.3 L661.2 857.0 L639.6 844.4 L618.3 831.5 L597.3 818.3 L576.5 804.7 L556.0 790.9 L535.8 776.7 L515.9 762.3 L496.3 747.5 L477.0 732.5 L458.0 717.2 L439.3 701.6 L421.0 685.7 L403.0 669.5 L385.3 653.1 L367.9 636.5 L350.9 619.6 L334.3 602.4 L318.0 585.0 L302.0 567.3 L286.5 549.4 L271.3 531.3 L256.4 513.0 L242.0 494.4 L227.9 475.6 L214.2 456.7 L201.0 437.5 L188.1 418.1 L175.6 398.6 L163.5 378.8 L151.8 358.9 L140.5 338.8 L129.7 318.6 L119.2 298.2 L109.2 277.6 L99.6 256.9 L90.5 236.1 L81.7 215.1 L73.4 194.0 L65.5 172.8 L58.1 151.4 L51.1 130.0 L44.6 108.5 L38.4 86.8 L32.8 65.1 L27.6 43.3 L22.8 21.4 L18.5 -0.5 L14.6 -22.6 L11.2 -44.6 L8.2 -66.7 L5.7 -88.9' stroke-opacity='0.45' stroke-width='1.0'/%3E%3Cpath d='M1367.5 1087.1 L1341.1 1084.9 L1314.8 1082.4 L1288.5 1079.4 L1262.2 1076.1 L1236.1 1072.4 L1210.0 1068.3 L1184.0 1063.8 L1158.1 1058.9 L1132.3 1053.6 L1106.6 1048.0 L1081.0 1042.0 L1055.6 1035.5 L1030.3 1028.8 L1005.1 1021.6 L980.1 1014.1 L955.3 1006.2 L930.6 997.9 L906.1 989.3 L881.8 980.3 L857.6 970.9 L833.7 961.2 L809.9 951.2 L786.4 940.8 L763.1 930.0 L740.0 918.9 L717.1 907.5 L694.5 895.7 L672.1 883.6 L650.0 871.1 L628.2 858.3 L606.6 845.2 L585.2 831.8 L564.2 818.1 L543.4 804.1 L523.0 789.7 L502.8 775.1 L482.9 760.1 L463.4 744.9 L444.1 729.4 L425.2 713.6 L406.6 697.5 L388.3 681.1 L370.4 664.5 L352.8 647.6 L335.6 630.5 L318.7 613.1 L302.2 595.4 L286.1 577.5 L270.3 559.4 L254.9 541.1 L239.9 522.5 L225.2 503.7 L211.0 484.7 L197.1 465.4 L183.6 446.0 L170.6 426.4 L157.9 406.6 L145.7 386.6 L133.8 366.4 L122.4 346.0 L111.4 325.5 L100.8 304.8 L90.7 284.0 L81.0 263.0 L71.7 241.9 L62.8 220.6 L54.4 199.2 L46.4 177.7 L38.9 156.1 L31.8 134.4 L25.2 112.6 L19.0 90.6 L13.2 68.6 L7.9 46.5 L3.1 24.4 L-1.3 2.1 L-5.2 -20.2 L-8.7 -42.5 L-11.7 -64.9 L-14.2 -87.4' stroke-opacity='0.25' stroke-width='1.0'/%3E%3C/svg%3E");opacity:calc(var(--strings,.13)*3.2);-webkit-mask-image:none;mask-image:none}
[data-theme="ottanio"] #bgfx .contour{display:none}
/* sottotitolo come il motto del logo */
[data-theme="ottanio"] .brand .bt em{font-family:'Cinzel',Georgia,serif;font-style:normal;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 78%,transparent);margin-top:2px}
@media (max-width:640px){[data-theme="ottanio"] .brand .bt em{font-size:7.5px;letter-spacing:.1em}}

/* card: vetro */
[data-theme="ottanio"] .card{
  background:linear-gradient(180deg,rgba(255,244,222,.075),rgba(255,244,222,.035));
  border:1px solid rgba(214,180,122,.28);
  box-shadow:0 18px 40px -24px rgba(0,8,12,.9), inset 0 1px 0 rgba(255,240,210,.10);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
[data-theme="ottanio"] .card:hover{border-color:rgba(214,180,122,.7)}

/* data nelle card: la regola .date della lista concerti finiva anche qui */
[data-theme="ottanio"] .card .date{display:block;padding:0 20px;border-bottom:none;cursor:inherit}
[data-theme="ottanio"] .card .date:hover{padding-left:20px}

/* titoli di sezione senza riga sotto */
[data-theme="ottanio"] .sechead{border-bottom:none;border-image:none;padding-bottom:0;margin-bottom:26px}

/* luce a pavimento più fredda e leggera, per non sporcare l'ottanio */
[data-theme="ottanio"] #bgfx .floor{background-image:radial-gradient(1500px 950px at 50% 116%,rgba(120,190,200,.10),transparent 64%) !important}

/* niente luce gialla dietro: solo ottanio */
[data-theme="ottanio"]{--page-tint:radial-gradient(1300px 820px at 50% 112%,rgba(0,0,0,.25),transparent 62%)}
[data-theme="ottanio"] #bgfx .tone{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 40%,rgba(0,0,0,.38) 100%),
    radial-gradient(1100px 700px at 14% -10%,rgba(90,170,185,.14),transparent 60%),
    radial-gradient(1200px 800px at 70% 20%,rgba(40,120,140,.16),transparent 62%) !important;
}
[data-theme="ottanio"] #bgfx .lamp{display:none}

/* hero con cornice dorata, come le card */
[data-theme="ottanio"] .hero .post-img{
  border:1px solid rgba(214,180,122,.55);
  box-shadow:0 0 0 4px rgba(11,43,53,.9), 0 0 0 5px rgba(214,180,122,.22), 0 30px 60px -30px rgba(0,8,12,.95);
}
[data-theme="ottanio"] .hero:hover .post-img{border-color:rgba(214,180,122,.85)}

/* ===== BLU (nov 2026): tra B1 e B2, più blu che verde ===== */
[data-theme="ottanio"]{
  --paper:#0a2537; --paper-2:#0e2e44; --paper-3:#133852;
  --ink-soft:#a6b8c6; --line:#204a64;
  --accent-soft:#0f2b3e; --onaccent:#0a2537;
}
[data-theme="ottanio"] #bgfx .tone{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 40%,rgba(0,0,0,.38) 100%),
    radial-gradient(1100px 700px at 14% -10%,rgba(80,150,205,.15),transparent 60%),
    radial-gradient(1200px 800px at 70% 20%,rgba(35,100,160,.17),transparent 62%) !important;
}
[data-theme="ottanio"] #bgfx .vig{background-image:radial-gradient(135% 100% at 45% 30%,transparent 46%,#010c16 100%)}
[data-theme="ottanio"] #bgfx .floor{background-image:radial-gradient(1500px 950px at 50% 116%,rgba(105,160,215,.10),transparent 64%) !important}
[data-theme="ottanio"] .mark{background-image:url(/assets/tss-mark-blu.png)}
[data-theme="ottanio"] .hero .post-img{box-shadow:0 0 0 4px rgba(10,37,55,.92), 0 0 0 5px rgba(214,180,122,.22), 0 30px 60px -30px rgba(0,6,14,.95)}

/* ===== tono intermedio: un filo di verde in più rispetto al blu ===== */
[data-theme="ottanio"]{
  --paper:#0b2836; --paper-2:#0f3242; --paper-3:#143c50;
  --ink-soft:#a7bac3; --line:#214d60;
  --accent-soft:#102e3d; --onaccent:#0b2836;
}
[data-theme="ottanio"] #bgfx .tone{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 40%,rgba(0,0,0,.38) 100%),
    radial-gradient(1100px 700px at 14% -10%,rgba(85,160,195,.145),transparent 60%),
    radial-gradient(1200px 800px at 70% 20%,rgba(38,110,150,.165),transparent 62%) !important;
}
[data-theme="ottanio"] #bgfx .vig{background-image:radial-gradient(135% 100% at 45% 30%,transparent 46%,#020e17 100%)}
[data-theme="ottanio"] #bgfx .floor{background-image:radial-gradient(1500px 950px at 50% 116%,rgba(112,175,208,.10),transparent 64%) !important}
[data-theme="ottanio"] .hero .post-img{box-shadow:0 0 0 4px rgba(11,40,54,.92), 0 0 0 5px rgba(214,180,122,.22), 0 30px 60px -30px rgba(0,6,14,.95)}

/* ===== ancora un tono di verde ===== */
[data-theme="ottanio"]{
  --paper:#0b2a36; --paper-2:#0f3342; --paper-3:#143e4e;
  --ink-soft:#a7bbc1; --line:#224f5e;
  --accent-soft:#11303c; --onaccent:#0b2a36;
}
[data-theme="ottanio"] #bgfx .tone{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 40%,rgba(0,0,0,.38) 100%),
    radial-gradient(1100px 700px at 14% -10%,rgba(88,165,190,.142),transparent 60%),
    radial-gradient(1200px 800px at 70% 20%,rgba(39,115,145,.162),transparent 62%) !important;
}
[data-theme="ottanio"] #bgfx .vig{background-image:radial-gradient(135% 100% at 45% 30%,transparent 46%,#021016 100%)}
[data-theme="ottanio"] #bgfx .floor{background-image:radial-gradient(1500px 950px at 50% 116%,rgba(117,183,204,.10),transparent 64%) !important}
[data-theme="ottanio"] .hero .post-img{box-shadow:0 0 0 4px rgba(11,42,54,.92), 0 0 0 5px rgba(214,180,122,.22), 0 30px 60px -30px rgba(0,6,14,.95)}
[data-theme="ottanio"] .mark{background-image:url(/assets/tss-mark-v3.png)}

/* icone social del footer centrate nei cerchi */
[data-theme="ottanio"] .fsocial a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--line);color:var(--ink-soft);transition:.25s}
[data-theme="ottanio"] .fsocial a:hover{border-color:var(--accent);color:var(--accent)}
[data-theme="ottanio"] .fsocial svg{display:block;width:17px;height:17px;margin:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}