
.trh{margin:44px 0 40px;clear:both}
.trh-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 6px}
.trh-top h2{font:400 34px/1.05 var(--titoli);letter-spacing:.01em;color:var(--notte);margin:0}
.trh-all{font:500 15px/1 var(--testo);color:var(--smeraldo);text-decoration:none;white-space:nowrap}
.trh-all:hover{text-decoration:underline}
.trh-lead{margin:0 0 18px;color:var(--inchiostro-2);font-size:16px;line-height:1.6;max-width:680px}
.trh ul,.trh ol{list-style:none;margin:0;padding:0}
.trh a{text-decoration:none}
.trh img{display:block;width:100%;height:auto}
.trh b{font-weight:700}
.trh-note{margin:14px 0 0;font-size:15px;color:var(--inchiostro-2)}
.trh-note a{color:var(--smeraldo);text-decoration:underline}
.trh-reg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:start}
.trh-reg__lead{position:relative;display:block;border-radius:var(--raggio);overflow:hidden;background:var(--notte);color:#fff}
.trh-reg__lead img{aspect-ratio:16/11;object-fit:cover}
.trh-reg__lead span{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 16px;background:linear-gradient(transparent,rgba(16,27,45,.92))}
.trh-reg__lead b{display:block;font:400 30px/1 var(--titoli);letter-spacing:.01em;color:#fff;margin-bottom:6px}
.trh-reg__lead em{display:block;font-style:normal;font-size:14px;line-height:1.45;color:#D5DDE8}
.trh-reg__list{counter-reset:r;border-top:2px solid var(--notte)}
.trh-reg__list li a{counter-increment:r;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;padding:10px 0;border-bottom:1px solid var(--filo);color:var(--inchiostro)}
.trh-reg__list li a::before{content:counter(r,decimal-leading-zero);grid-row:span 2;font:400 24px/1 var(--titoli);color:var(--smeraldo);padding-top:2px}
.trh-reg__list b{font-size:16px;line-height:1.3;color:var(--notte)}
.trh-reg__list span{font-size:13.5px;line-height:1.45;color:var(--inchiostro-2)}
.trh-reg__list li a:hover b{color:var(--smeraldo)}
.trh-tix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.trh-tix li{position:relative;display:flex;flex-direction:column;height:100%;padding:16px 18px 18px 18px;background:var(--ambra-velo);border:1px dashed var(--ambra-scura);border-radius:var(--raggio);color:var(--inchiostro)}
.trh-tix li::before,.trh-tix li::after{content:"";position:absolute;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--foglio);border:1px dashed var(--ambra-scura)}
.trh-tix li::before{left:-9px;clip-path:inset(0 0 0 50%)}
.trh-tix li::after{right:-9px;clip-path:inset(0 50% 0 0)}
.trh-tix i{font:500 11.5px/1 var(--testo);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--ambra-scura);margin-bottom:8px}
.trh-tix b{font:400 24px/1.05 var(--titoli);letter-spacing:.01em;margin-bottom:6px}
.trh-tix b a{color:var(--notte)}
.trh-tix b a::after{content:"";position:absolute;inset:0;border-radius:var(--raggio)}
.trh-tix span{font-size:13.5px;line-height:1.45;color:var(--inchiostro-2)}
.trh-tix li:hover{background:#FBE9BF}
.trh-tix li:hover b a{color:var(--ambra-scura)}
.trh-qs{margin-top:18px;padding:14px 18px;border-left:4px solid var(--ambra);background:var(--nebbia);border-radius:0 var(--raggio) var(--raggio) 0}
.trh-qs p{margin:0 0 6px;font:400 20px/1 var(--titoli);letter-spacing:.02em;color:var(--notte)}
.trh-qs ul{columns:2;column-gap:24px}
.trh-qs li{break-inside:avoid}
.trh-qs li a{display:block;padding:5px 0 5px 16px;position:relative;font-size:14.5px;line-height:1.4;color:var(--smeraldo)}
.trh-qs li a::before{content:"›";position:absolute;left:2px;top:4px;color:var(--ambra-scura);font-weight:700}
.trh-qs li a:hover{color:var(--notte)}
.trh--giochi{margin-left:calc(-1*var(--margine));margin-right:calc(-1*var(--margine));padding:30px var(--margine) 32px;background:var(--notte);color:#fff}
.trh--giochi .trh-top h2{color:#fff}
.trh--giochi .trh-all{color:var(--ambra)}
.trh--giochi .trh-lead{color:#B9C4D3}
.trh-mo{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:auto auto;gap:12px}
.trh-mo a{position:relative;display:block;border-radius:var(--raggio);overflow:hidden;color:#fff;background:var(--notte-2)}
.trh-mo__big{grid-row:span 2}
.trh-mo__big img{height:100%;object-fit:cover}
.trh-mo__f img{aspect-ratio:42/25;object-fit:cover}
.trh-mo span{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;background:linear-gradient(transparent,rgba(10,17,30,.9))}
.trh-mo b{display:block;font:400 24px/1 var(--titoli);letter-spacing:.02em}
.trh-mo__big b{font-size:32px}
.trh-mo em{display:block;margin-top:6px;font-style:normal;font-size:14px;line-height:1.45;color:#D5DDE8}
.trh-mo a:hover b{color:var(--ambra)}
.trh-tav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px !important}
.trh-tav li a{display:block;height:100%;padding:12px 14px;background:var(--notte-2);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--smeraldo-chiaro);border-radius:6px;color:#fff}
.trh-tav b{display:block;font-size:15.5px;margin-bottom:3px}
.trh-tav span{font-size:13px;line-height:1.45;color:#AEBBCC}
.trh-tav li a:hover{border-top-color:var(--ambra)}
.trh-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:s}
.trh-steps li{position:relative}
.trh-steps li a{display:flex;flex-direction:column;height:100%;padding:10px 10px 14px;border:1px solid var(--filo);border-radius:var(--raggio);background:var(--foglio);color:var(--inchiostro)}
.trh-steps figure{margin:0 0 10px;aspect-ratio:2/1;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--filo);display:flex;align-items:center;justify-content:center}
.trh-steps figure img{height:100%;object-fit:cover}
.trh-steps figure i{font:400 44px/1 var(--titoli);font-style:normal;color:var(--smeraldo)}
.trh-steps small{font:500 11px/1 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--smeraldo);margin-bottom:5px}
.trh-steps b{font-size:15px;line-height:1.25;color:var(--notte);margin-bottom:4px}
.trh-steps span{font-size:12.5px;line-height:1.45;color:var(--inchiostro-2)}
.trh-steps li a:hover{border-color:var(--smeraldo)}
.trh-steps li:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:44px;z-index:1;font-size:14px;color:var(--ambra-scura);background:var(--foglio);line-height:1}
.trh-ask{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.trh-ask li a{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;padding:12px 0;border-top:1px solid var(--filo);color:var(--inchiostro)}
.trh-ask li a::before{content:"?";grid-row:span 2;width:40px;height:40px;border-radius:50%;background:var(--smeraldo-velo);color:var(--smeraldo);font:400 26px/42px var(--titoli);text-align:center}
.trh-ask b{font-size:16px;line-height:1.3;color:var(--notte)}
.trh-ask span{font-size:13.5px;line-height:1.45;color:var(--inchiostro-2);margin-top:3px}
.trh-ask li a:hover b{color:var(--smeraldo)}
.trh-ph{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.trh-ph li a{display:block;color:var(--notte)}
.trh-ph img{aspect-ratio:3/4;object-fit:cover;border-radius:18px;border:4px solid var(--notte)}
.trh-ph b{display:block;margin-top:8px;font:400 21px/1.05 var(--titoli);letter-spacing:.02em}
.trh-ph li a:hover b{color:var(--smeraldo)}
.trh-rg{padding:6px 20px;border:1px solid #BFE0D2;border-left:6px solid var(--smeraldo);background:var(--smeraldo-velo);border-radius:var(--raggio)}
.trh-rg li a{display:block;padding:12px 0;border-bottom:1px solid #CBE6DA;color:var(--inchiostro)}
.trh-rg li:last-child a{border-bottom:0}
.trh-rg b{display:block;font-size:16px;line-height:1.3;color:var(--notte)}
.trh-rg span{font-size:13.5px;line-height:1.45;color:var(--inchiostro-2)}
.trh-rg li a:hover b{color:var(--smeraldo)}
.trh-sw{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
.trh-sw>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trh-sw>ul li a{display:block;height:100%;padding:8px 8px 12px;border:1px solid var(--filo);border-radius:var(--raggio);background:var(--foglio);color:var(--inchiostro)}
.trh-sw>ul img{border-radius:6px;margin-bottom:8px}
.trh-sw>ul b{display:block;font-size:14.5px;color:var(--notte)}
.trh-sw>ul span{display:block;font-size:12.5px;line-height:1.4;color:var(--inchiostro-2)}
.trh-sw>ul li a:hover{border-color:var(--smeraldo)}
.trh-free{padding:14px 16px;background:var(--notte);border-radius:var(--raggio)}
.trh-free p{margin:0 0 8px;font:400 22px/1 var(--titoli);letter-spacing:.02em;color:var(--ambra)}
.trh-free li a{display:block;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;line-height:1.4;color:#fff}
.trh-free li:last-child a{border-bottom:0}
.trh-free li a:hover{color:var(--ambra)}
.trh-reads{counter-reset:n;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.trh-reads li a{counter-increment:n;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:10px;padding:12px 0;border-bottom:1px solid var(--filo);color:var(--inchiostro)}
.trh-reads li a::before{content:counter(n);grid-row:span 2;font:400 46px/0.9 var(--titoli);color:var(--ambra)}
.trh-reads b{font-size:15.5px;line-height:1.3;color:var(--notte)}
.trh-reads span{font-size:13px;line-height:1.45;color:var(--inchiostro-2);margin-top:2px}
.trh-reads li a:hover b{color:var(--smeraldo)}
.trh-credits{margin-top:18px;font-size:12.5px;color:var(--inchiostro-2)}
.trh-credits summary{cursor:pointer}
.trh-credits a{color:var(--inchiostro-2);text-decoration:underline}
@media (max-width:900px){
.trh-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.trh-steps li:nth-child(3)::after{display:none}
.trh-sw{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
.trh{margin:34px 0 30px}
.trh-top h2{font-size:29px}
.trh-reg{grid-template-columns:minmax(0,1fr)}
.trh-tix{grid-template-columns:repeat(2,minmax(0,1fr))}
.trh-qs ul{columns:1}
.trh-mo{grid-template-columns:minmax(0,1fr)}
.trh-mo__big{grid-row:auto}
.trh-mo__big img{height:auto;aspect-ratio:36/26}
.trh-tav{grid-template-columns:repeat(2,minmax(0,1fr))}
.trh-ask,.trh-reads{grid-template-columns:minmax(0,1fr)}
.trh-ph{grid-template-columns:repeat(2,minmax(0,1fr))}
.trh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.trh-steps li::after{display:none}
}
@media (max-width:480px){
.trh-tix,.trh-tav{grid-template-columns:minmax(0,1fr)}
.trh-sw>ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
