/* U2place.com - foglio di stile condiviso delle pagine interne.
   La parte iniziale e' quella della home (indexita.asp). */
	/* ==== Token ==== */
	:root{
		color-scheme:dark;
		--fondo:#0d2a32; --fondo2:#09191e; --nero:#0b1a1f;
		--rosso:#d92d17; --rosso-chiaro:#ff6a52;
		--testo:#eef3f2; --muted:#9fb7bc; --linea:rgba(255,255,255,.18);
		--display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
		/* Open Sans: smartmenu.asp la impone con uno stile inline !important, quindi e' anche il font del corpo */
		--body:"Open Sans",system-ui,"Segoe UI",Arial,sans-serif;
	}

	/* ==== Base: verde petrolio con trama a fibre ==== */
	*{box-sizing:border-box}
	html{-webkit-text-size-adjust:100%}
	body{
		margin:0;color:var(--testo);font:400 1rem/1.55 var(--body);
		background-color:var(--fondo);
		background-image:
			repeating-linear-gradient(98deg,rgba(255,255,255,.03) 0 2px,transparent 2px 10px),
			repeating-linear-gradient(82deg,rgba(0,0,0,.2) 0 3px,transparent 3px 15px);
	}
	img{max-width:100%;height:auto}
	a{color:inherit}
	:focus-visible{outline:3px solid #fff;outline-offset:2px}
	.wrap{width:min(100% - 2rem,1240px);margin-inline:auto}
	.skip{position:absolute;left:-999px;top:0;z-index:10;padding:.6rem 1rem;color:#000;background:#fff}
	.skip:focus{left:0}

	/* ==== Barra in alto (fissa) ==== */
	.top{position:sticky;top:0;z-index:20;height:3.6rem;background:var(--fondo2)}
	.bar{display:flex;align-items:center;justify-content:space-between;height:100%}
	.brand{font:800 1.7rem/1 var(--display);letter-spacing:.01em;color:var(--rosso-chiaro);text-decoration:none}
	.burger{display:none;align-items:center;gap:.7rem;padding:.5rem .9rem;font:700 .9rem var(--body);color:#fff;background:transparent;border:1px solid rgba(255,255,255,.55);border-radius:6px;cursor:pointer}
	.bars,.bars::before,.bars::after{display:block;width:18px;height:2px;background:#fff}
	.bars{position:relative}
	.bars::before,.bars::after{content:"";position:absolute;left:0}
	.bars::before{top:-6px}
	.bars::after{top:6px}
	.burger[aria-expanded="true"] .bars{background:transparent}
	.burger[aria-expanded="true"] .bars::before{top:0;transform:rotate(45deg)}
	.burger[aria-expanded="true"] .bars::after{top:0;transform:rotate(-45deg)}

	/* ==== Hero ==== */
	.hero{overflow:hidden;background:var(--fondo2);text-align:center}
	.hero-in{padding:3rem 0 2.8rem}
	.hero h1{max-width:12em;margin:0 auto;font:800 clamp(2.8rem,7vw,5.6rem)/.92 var(--display);color:#fff;text-wrap:balance}
	.hero .lead{max-width:40ch;margin:1.1rem auto 0;font-size:1.05rem;color:#c5d6d8}

	/* ==== Onda rossa e fascia inclinata ==== */
	.wave{display:block;width:100%;height:clamp(40px,6vw,90px);margin-top:-1px}
	.banda{overflow:hidden;padding:.8rem 0 .4rem}
	.banda p{margin:0 -6%;transform:rotate(-1.6deg);font:800 clamp(2.4rem,8vw,5.5rem)/1.05 var(--display);text-align:center;text-transform:uppercase;white-space:nowrap;color:#fff}

	/* ==== Impaginazione a 3 colonne ==== */
	.layout{display:grid;grid-template-columns:200px minmax(0,1fr) 190px;gap:2.5rem;align-items:start;padding:1.8rem 0 1rem}
	.col-main{min-width:0}
	.adbox{margin-top:2rem;text-align:center}

	/* ==== Menu (menuverticale.asp) ==== */
	#menu ul{list-style:none;margin:0;padding:0}
	#menu .titolosottomenu{margin-top:1.5rem;padding-top:.35rem;border-top:3px solid var(--rosso);font:800 1.2rem/1.2 var(--display);color:#fff;text-transform:lowercase}
	#menu .titolosottomenu::first-letter{text-transform:uppercase}
	#menu .titolosottomenu:first-child{margin-top:0}
	#menu .vocemenu a{display:block;padding:.3rem 0;font-size:.76rem;font-weight:600;letter-spacing:.02em;line-height:1.35;color:#dbe6e5;text-decoration:none}
	#menu .vocemenu a:hover,.river>a:hover,.menu-altre-news-li a:hover,#menu_special a:hover{text-decoration:underline;text-decoration-color:var(--rosso-chiaro);text-decoration-thickness:2px;text-underline-offset:3px}

	/* ==== News (listanews.asp) ==== */
	.section-title{margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:3px solid var(--rosso);font:800 2rem/1.1 var(--display);color:#fff}
	/* font-size:0 nasconde il testo "Altre news:" emesso dall'include; l'intestazione e' ricreata con ::before */
	.river{font-size:0}
	.river>br,.river>img{display:none}
	.river>a{display:block;margin-top:1.3rem;font:700 1.6rem/1.15 var(--display);color:var(--testo);text-decoration:none}
	.river>a:first-of-type{font-size:clamp(1.9rem,5vw,2.5rem);line-height:1.05}
	.newshpfoot{margin:.45rem 0 0;padding-bottom:1.2rem;border-bottom:1px solid var(--linea);font-size:.82rem;color:var(--muted)}
	.newshpfoot span{color:inherit!important;font-weight:600}
	.menu-altre-news-ul{list-style:none;margin:2.2rem 0 0;padding:0}
	.menu-altre-news-ul::before{content:"Altre news";display:block;margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:3px solid var(--rosso);font:800 1.6rem/1.1 var(--display);color:#fff}
	.menu-altre-news-li{padding:.6rem 0;border-bottom:1px dashed var(--linea);font-size:.9rem;line-height:1.4;color:var(--muted)}
	.menu-altre-news-li a{font-weight:600;color:var(--testo);text-decoration:none}

	/* ==== Community (smartmenu.asp) ==== */
	#smartmenu{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.6rem 2rem;margin-top:3rem}
	#smartmenu .payoff{grid-column:1/-1;margin:0;font:700 1.5rem/1.2 var(--display);color:var(--rosso-chiaro)}
	#smartmenu>a{display:block;color:inherit;text-decoration:none}
	#smartmenu .blocco1{padding-top:.5rem;border-top:3px solid var(--rosso)}
	#smartmenu h3{margin:0 0 .4rem;font:800 1.4rem/1.1 var(--display);color:#fff}
	#smartmenu>a:hover h3{text-decoration:underline;text-decoration-color:var(--rosso-chiaro);text-decoration-thickness:3px;text-underline-offset:3px}
	#smartmenu p{margin:0;font-size:.88rem;line-height:1.5;color:var(--muted)}
	#smartmenu p[style]{text-align:left!important}
	#smartmenu .blocco1 img{display:inline-block;max-width:150px;margin:0 .5rem .5rem 0}
	#smartmenu .ultimo img{width:30px;height:30px}
	a[href*="plus.google.com"]{display:none}

	/* ==== Colonna destra (menuspeciali.asp) ==== */
	#menu_special{font-size:.82rem;line-height:1.45}
	#menu_special .bloccoSide{padding:1rem 0;border-top:1px solid var(--linea);text-align:center}
	#menu_special .bloccoSide:first-child{padding-top:0;border-top:0}
	#menu_special p{margin:0}
	#menu_special p[style]{text-align:left!important}
	#menu_special a{font-weight:600;color:var(--testo);text-decoration:none}
	#menu_special img{display:block;margin:0 auto .4rem}
	#cse-search-box input[type=text]{width:100%;padding:.5rem .6rem;font:inherit;color:#111;background:#fff;border:1px solid var(--linea);border-radius:6px}
	#cse-search-box input[type=submit]{margin-top:.4rem;padding:.45rem 1rem;font:600 .85rem var(--body);color:#fff;background:var(--rosso);border:0;border-radius:6px;cursor:pointer}

	/* ==== Footer (newfooter.asp) ==== */
	.foot{margin-top:3.5rem;padding:2.2rem 0 2.6rem;background:var(--fondo2);color:var(--muted)}
	#copyrights h3{margin:0 0 .8rem;font:600 .95rem/1.5 var(--body);color:#fff}
	#copyrights h7{display:block;max-width:78ch;font-size:.78rem;line-height:1.65}
	.foot a{color:var(--rosso-chiaro)}
	.socialfooter{margin-top:1rem}
	.socialfooter img{width:28px;height:28px;margin-right:.6rem;vertical-align:middle}

	/* ==== Tablet e mobile ==== */
	@media (max-width:1024px){
		.layout{display:flex;flex-direction:column;align-items:stretch;gap:2rem;padding-top:1.5rem}
		.col-left{display:contents}
		.col-main{order:1}
		.col-right{order:2}
		.adbox{order:3;margin:0 auto}
		.burger{display:inline-flex}
		#menu{display:none;position:fixed;top:3.6rem;right:0;bottom:0;left:0;z-index:15;overflow-y:auto;padding:.5rem 1.2rem 2.5rem;background:var(--fondo2);border-top:3px solid var(--rosso)}
		.menu-open{overflow:hidden}
		.menu-open #menu{display:block}
		#menu ul{columns:14rem 2;column-gap:2rem}
		#menu .titolosottomenu{break-after:avoid;margin-top:1.4rem;font-size:1.5rem}
		#menu .titolosottomenu:first-child{margin-top:.6rem;border-top:0}
		#menu .vocemenu a{padding:.7rem 0;font-size:.95rem}
		#menu_special{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0 1.5rem}
		#menu_special .bloccoSide:first-child{padding-top:1rem;border-top:1px solid var(--linea)}
	}
	@media (max-width:760px){
		.hero-in{padding:2.2rem 0 2rem}
	}
	

	/* ==================================================================
	   PAGINE FIGLIE: lo stesso guscio della home, con il contenuto
	   storico su un pannello chiaro ("carta") per restare leggibile.
	   ================================================================== */
	.topbar-space{height:0}
	.pagehead{background:var(--fondo2);border-bottom:0}
	.layout--page{grid-template-columns:210px minmax(0,1fr);padding-top:2rem}
	.layout--page .col-main{min-width:0}
	.paper{overflow-x:auto;padding:1.4rem 1.6rem 1.8rem;border-radius:6px;background:#f1f5f4;color:#14232a;font-size:.95rem;line-height:1.6}
	.paper a{color:#a3200f}
	.paper a:hover{color:#6e1408}
	.paper img,.paper iframe,.paper video,.paper object,.paper embed{max-width:100%}
	.paper img{height:auto}
	.paper ins.adsbygoogle{max-width:100%}
	.paper table{max-width:100%;border-collapse:collapse}
	.paper td,.paper th{padding:.25rem .5rem}
	.paper h1,.paper h2,.paper h3{color:#0d2a32;font-family:var(--display);line-height:1.1}
	.paper h1{font-size:2.4rem}
	.paper h2{font-size:1.9rem}
	.paper h3{font-size:1.4rem}
	.paper ul,.paper ol{padding-left:1.4rem}
	.paper p[align=center],.paper div[align=center]{max-width:100%}

	/* classi storiche: newhome.css */
	.paper .p_newscontainer,.paper .p_newscontainer2{margin:0 0 1rem;padding:0;width:auto;line-height:1.6}
	.paper .p_titolonews,.paper .p_titolonews3{margin:0 0 .6rem;padding-top:.5rem;border-top:3px solid var(--rosso);font-size:2rem;text-align:left}
	.paper .p_titolonews3{border-top:0}
	.paper .p_bodynews,.paper .p_bodynews2{font-size:.95rem;line-height:1.65}
	.paper .p_bodynews strong,.paper .p_bodynews2 strong,.paper .p_bodynews b,.paper .p_bodynews2 b{font-weight:700}
	.paper .p_bodynews a,.paper .p_bodynews2 a{font-weight:600}
	.paper .p_authornews{margin:1rem 0 0;text-align:right;font-size:.85rem;color:#4b6168}
	.paper .p_tags{margin:0 0 .8rem;padding-bottom:.4rem;border-bottom:1px solid #c3d1d3;font-size:.85rem;color:#4b6168}

	/* classi storiche: styles_wip.css (discografia, charts, storia) */
	.paper h1.titolo,.paper h2.titolo{margin:0 0 .6rem;padding:0 0 0 .6rem;border-left:8px solid var(--rosso);color:#0d2a32}
	.paper .box_generictext,.paper .box_generictext2,.paper .multimedia,.paper #standard,.paper .standard,.paper .description_sec{width:auto;max-width:100%;margin:0 0 1rem;padding:0;border:0;background:none;font-size:inherit;text-align:left}
	.paper .box_coveralbum_l{float:left;width:110px;margin:0 1rem .5rem 0;text-align:center}
	.paper .box_infoalbum{float:none;overflow:hidden;width:auto;font-size:.88rem;text-align:left}
	.paper .containerfoot{width:auto;font-size:.8rem;text-align:center}
	.paper .tracklist{font-size:.88rem}

	/* sottomenu di una pagina senza colonna destra */
	.layout--page + .foot{margin-top:3rem}

	@media (max-width:1024px){
		.layout--page{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;padding-top:1.2rem}
		.paper{padding:1rem 1rem 1.4rem}
		.paper h1{font-size:2rem}
		.paper h2{font-size:1.6rem}
		.paper .box_coveralbum_l{float:none;margin:0 auto .8rem}
	}