.tooltip { font-size: 16px; } header .hero-unit { padding-bottom: 30px; padding-top: 30px; border: 1px solid #E3E3E3; background: rgb(9,135,198); background: -moz-radial-gradient(center, ellipse cover, rgba(9,135,198,1) 0%, rgba(0,82,150,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(9,135,198,1)), color-stop(100%,rgba(0,82,150,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(9,135,198,1) 0%,rgba(0,82,150,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(9,135,198,1) 0%,rgba(0,82,150,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(9,135,198,1) 0%,rgba(0,82,150,1) 100%); background: radial-gradient(ellipse at center, rgba(9,135,198,1) 0%,rgba(0,82,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0987c6', endColorstr='#005296',GradientType=1 ); display:block; margin: 0 auto; } table { background: #FFF; } div#content_exit_popup { height: 100%; position: relative; } .img_exit_popup { background-image: url(https://quizvds.it/exit_popup.jpg); height: 100%; opacity: 0.2; } .titolo_exit_popup { position: absolute; top: 50px; font-weight: bold; font-size: 23px; color: #246888; width: 100%; line-height: 30px; text-align: justify; width: 90%; margin: 0 auto; display: block;; font-weight: bold; color: #e8b057; font-size: 33px; width: 100%; text-align: center; } .test_exit_popup { position: absolute; top: 111px; font-weight: bold; font-size: 23px; color: #246888; line-height: 30px; text-align: justify; width: 90%; left: 5%; margin: 0 auto; display: block; } .tasto_paypal { position: absolute; top: 252px; font-weight: bold; font-size: 23px; line-height: 43px; text-align: center; background: #246888; display: block; width: 30%; margin: 0 auto; left: 35%; border-radius: 12px; } html[lang="es"] .tasto_paypal { position: absolute; top: 252px; font-weight: bold; font-size: 23px; line-height: 43px; text-align: center; background: #246888; display: block; width: 40%; margin: 0 auto; left: 29%; border-radius: 12px; } .tasto_paypal a { color: #fff; } #bio_ep_close { position: absolute; left: 100%; margin: -12px 0 0 -11px; width: 25px !important; height: 23px !important; color: #fff; font-size: 15px; font-weight: bold; text-align: center; border-radius: 50%; background-color: #5c5c5c; cursor: pointer; } #ad-header{ min-height: 266px; } @media screen and (min-width: 40em){ #ad-header{ min-height: 200px; } } .span8 { margin-top: 0 !important; } .span412.font16 h3 { font-size: 16px !important; } p#timer { font-size: 30px; text-align: center; margin-top: 15px; } .popu-blocco { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.85); color: #fff; z-index: 2147483647; overflow-y: auto; padding: 20px; box-sizing: border-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-animation: popuFadeIn 0.3s ease-out; animation: popuFadeIn 0.3s ease-out; } .popu-blocco *, .popu-blocco *:before, .popu-blocco *:after { box-sizing: border-box; } @-webkit-keyframes popuFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes popuFadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popuSlideUp { from { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes popuSlideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .popu-blocco__content { background: #1e293b; background: -webkit-linear-gradient(135deg, #1e293b 0%, #0f172a 100%); background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); border: 1px solid rgba(255, 255, 255, 0.08); color: #fff; padding: 36px 28px 28px; border-radius: 16px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6); max-width: 520px; width: 100%; margin: 24px auto; text-align: center; -webkit-animation: popuSlideUp 0.35s ease-out; animation: popuSlideUp 0.35s ease-out; } .popu-blocco__icon { width: 64px; height: 64px; line-height: 64px; margin: 0 auto 18px; background: #f59e0b; background: -webkit-linear-gradient(135deg, #f59e0b 0%, #ef4444 100%); background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%); border-radius: 50%; text-align: center; font-size: 32px; box-shadow: 0 8px 20px rgba(239, 68, 68, 0.35); } .popu-blocco__title { font-size: 24px; font-weight: 700; margin: 0 0 10px 0; color: #fff; line-height: 1.25; } .popu-blocco__subtitle { font-size: 15px; color: #cbd5e1; margin: 0 0 24px 0; line-height: 1.55; } .popu-blocco__benefits-title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #94a3b8; margin: 0 0 14px 0; } .popu-blocco__list { list-style: none; padding: 0; margin: 0 0 18px 0; text-align: left; } .popu-blocco__list-item { padding: 11px 14px; margin-bottom: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.04); border-radius: 8px; font-size: 14px; line-height: 1.45; color: #e2e8f0; } .popu-blocco__list-item strong { color: #fff; font-weight: 600; } .popu-blocco__more { font-size: 13px; font-style: italic; color: #94a3b8; margin: 0 0 20px 0; } .popu-blocco__cta-row { margin: 22px 0 14px 0; } .popu-blocco__download-link { display: inline-block; background: #f59e0b; background: -webkit-linear-gradient(135deg, #f59e0b 0%, #f97316 100%); background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%); color: #fff !important; padding: 14px 28px; border-radius: 10px; font-weight: 700; font-size: 16px; text-decoration: none !important; box-shadow: 0 6px 18px rgba(245, 158, 11, 0.4); -webkit-transition: -webkit-transform 0.15s, box-shadow 0.15s; transition: transform 0.15s, box-shadow 0.15s; width: auto; text-align: center; border: 0; line-height: 1.2; } .popu-blocco__download-link:hover, .popu-blocco__download-link:focus { -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(245, 158, 11, 0.5); color: #fff !important; text-decoration: none !important; } .popu-blocco__secondary-link { display: inline-block; color: #94a3b8 !important; font-size: 13px; text-decoration: none !important; margin: 4px 0 16px 0; padding: 6px 10px; } .popu-blocco__secondary-link:hover, .popu-blocco__secondary-link:focus { color: #cbd5e1 !important; text-decoration: none !important; } .popu-blocco__timer { background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; padding: 14px 16px 16px; margin: 18px 0 14px 0; } .popu-blocco__timer-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: #94a3b8; margin: 0 0 6px 0; font-weight: 600; } .popu-blocco__timer-value { font-size: 32px; font-weight: 700; color: #fbbf24; font-family: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace; letter-spacing: 0.05em; margin: 0; line-height: 1; } .popu-blocco__home-link { color: #94a3b8 !important; font-size: 13px; text-decoration: none !important; display: inline-block; padding: 6px 14px; } .popu-blocco__home-link:hover, .popu-blocco__home-link:focus { color: #cbd5e1 !important; text-decoration: none !important; } @media (max-width: 600px) { .popu-blocco { padding: 12px; } .popu-blocco__content { padding: 28px 18px 22px; margin: 10px auto; border-radius: 14px; } .popu-blocco__title { font-size: 20px; } .popu-blocco__subtitle { font-size: 14px; margin-bottom: 20px; } .popu-blocco__icon { width: 56px; height: 56px; line-height: 56px; font-size: 28px; margin-bottom: 14px; } .popu-blocco__list-item { font-size: 13px; padding: 10px 12px; } .popu-blocco__timer-value { font-size: 26px; } .popu-blocco__download-link { display: block; width: 100%; padding: 14px 16px; } } p.testo-ia-promo { margin-bottom: 20px; text-align: center; font-size: 20px; } .fs-16 { font-size: 16px; } ul.unstyled.lista-funzioni li { line-height: 30px; } ul.unstyled.lista-funzioni { text-align: left; margin-top: 15px; } span.badge.badge-warning.piu-comprato { position: absolute; top: -24px; font-size: 20px; right: -9px; padding: 10px; width: 100%; } .mt-30 { margin-top: 30px; } .mt-25 { margin-top: 25px; } .mb-10 { margin-bottom: 10px; } .prezzo-originale { margin-left: 8px; font-size: 0.6em; font-weight: normal; vertical-align: middle; } .row-fluid.prezzzi-row-flex { display: flex; flex-wrap: wrap; margin-top: 30px; margin-bottom: 30px; } .prezzzi-custom-box { padding: 19px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; height: 100%; text-align: center; } .prezzzi-box-vertical-center { display: flex; flex-direction: column; justify-content: center; } .prezzzi-custom-box img { max-width: 100%; height: auto; } .titolo-box-prezzo { margin: 5px 0; font-size: 1.5em; font-family: inherit; font-weight: bold; margin-top: 0px; margin-bottom: 25px; line-height: 30px; color: inherit; text-rendering: optimizelegibility; } .titolo-box-recensione { margin: 5px 0; font-size: 5em; font-family: inherit; font-weight: bold; margin-top: 0px; margin-bottom: 25px; line-height: 30px; color: #01B67A; text-rendering: optimizelegibility; } .prezzzi-custom-box a:hover { text-decoration: none !important; } .titolo-box-recensione-img { width: 10%; vertical-align: inherit; } @media (max-width: 767px) { .row-fluid.prezzzi-row-flex { display: block; } } .feedback-container { text-align: center; font-family: Arial, sans-serif; border: 1px solid #ddd; border-radius: 8px; padding: 24px; background-color: #f9f9f9; } .feedback-title { font-size: 20px; margin-top: 0; margin-bottom: 20px; color: #333; } .feedback-actions { display: flex; justify-content: center; gap: 15px; } .feedback-button { display: inline-block; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-weight: bold; font-size: 16px; transition: transform 0.2s ease, box-shadow 0.2s ease; border: none; cursor: pointer; } .feedback-button:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .feedback-happy { background-color: #00b67a; color: white; } .feedback-unhappy { background-color: #f5f5f5; color: #555; border: 1px solid #ccc; } .preamble { font-style: italic; color: #6c757d; margin-bottom: 20px; } .all-caps { text-transform: uppercase; font-weight: bold; font-size: 0.9em; } .chips { display: flex; flex-wrap: wrap; gap: 0; list-style: none; margin: 0; padding: 0; } .chips__item { margin: 6px 8px; } .chips { margin: -6px -8px; } .chips__link { display: inline-block; padding: 10px 18px; border: 2px solid #097FBF; border-radius: 9999px; background: #fff; color: #097FBF; text-decoration: none; font-weight: 600; line-height: 1; transition: background .15s, color .15s, transform .05s; } .chips__link:hover { background: #097FBF; color: #fff; } .chips__link:active { transform: translateY(1px); } .chips__link:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(17,17,17,.35); } section.altre-materie { padding-bottom: 25px; } h2.altre-materie-titolo { margin-bottom: 10px; margin-top: 25px; } .pager-quiz{ margin:16px 0 24px; padding:10px; border:1px solid #e6e6e6; border-radius:12px; background:#fff; } .pager-quiz__inner{ display:flex; align-items:center; justify-content:center; gap:8px; } .pager-quiz__prev{ text-align:left; } .pager-quiz__next{ text-align:right; } .pager-quiz__pos{ font-size:.95rem; color:#666; } .pager-quiz .btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; font-weight:600; font-size:.95rem; line-height:1.1; border-radius:999px; text-decoration:none; border:0; cursor:pointer; } .pager-quiz .btn-link{ background:#f3f4f6; color:#111; border:1px solid #e5e7eb; } .pager-quiz .btn-link:hover{ background:#e9eaee; } .pager-quiz .prev::before{ content:'‹'; margin-right:6px; font-size:1.1em; line-height:0; } .pager-quiz .next::after{ content:'›'; margin-left:6px; font-size:1.1em; line-height:0; } .img-domanda { margin-bottom: 20px; } @media (max-width:560px){ .pager-quiz__inner{ flex-wrap:wrap; } .pager-quiz__pos{ order:-1; flex:1 0 100%; text-align:center; margin-bottom:6px; } .pager-quiz .btn{ width:100%; } } .newsletter-form {max-width:520px;padding:12px 0;} .newsletter-form .nf-row {margin-bottom:12px;} .newsletter-form label {display:block;font-weight:600;margin-bottom:6px;} .newsletter-form input[type="email"], .newsletter-form select { width:100%;padding:10px;border:1px solid #dcdcdc;border-radius:6px; } .newsletter-form .nf-submit {margin-top:6px;padding:10px 16px;border:0;border-radius:6px;cursor:pointer;} .newsletter-form .nf-error {color:#b00020;margin-top:4px;} .nf-submit[disabled]{opacity:.7;cursor:not-allowed} .btn-spinner{ width:16px;height:16px;display:inline-block;margin-right:8px; border:2px solid currentColor;border-right-color:transparent;border-radius:50%; vertical-align:-2px;animation:nfspin .6s linear infinite } @keyframes nfspin{to{transform:rotate(360deg)}} .nf-loading{font-size:.95em;color:#666;margin-top:6px} .btn-spinner[hidden], #nf-loading[hidden] { display: none !important; } a.btn.btn-success.btn-large.bottone-nl-sidebar { display: block; margin-top: 10px; } .row-flex { display: flex; } .testo-sidebar-app { font-size: 1.5em; line-height: 25px; margin: 5px 0; font-family: inherit; font-weight: bold; color: inherit; text-rendering: optimizelegibility; } .row-flex-lista-app { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 20px; padding-left: 0%; padding-right: 0; } .lead-app { margin-bottom: 0; font-size: 21px; font-weight: 200; line-height: 30px; } .box-dati-app { width: 50%; align-content: stretch; } .box-slide-app { width: 50%; align-content: stretch; align-self: anchor-center; } .carousel { line-height: 1; width: 50%; margin: 0 auto; vertical-align: middle; border: 4px solid #222; border-radius: 4px; box-shadow: 5px 5px 5px #666; } .well a.btn.btn-success { opacity: 1; border-radius: 30px; align-items: center; justify-content: center; position: relative; color: #fff; height: 38px; margin: 0 auto; display: flex; font-weight: 700; font-size: 18px; background-color: #0F5A85; vertical-align: middle; } .well .testoSchedaApp { text-align: center; } .pubblicita { position: relative; z-index: 10; background: #fff; padding-left: 8%; padding-right: 8%; padding-bottom: 30px; text-align: center; } a.materia-sezione-quiz.btn.btn-link.btn-block { text-align: left; } h3.materia-h3-sezione-quiz { margin-bottom: 0; } td.totale-quiz-sezione-quiz { text-align: center; vertical-align: middle; } .new .banner-home { height: 750px; display: flex; align-items: center; justify-content: center; position: relative; width: 100%; } .new .menu { align-items: center; display: flex; height: 100px; justify-content: center; left: 0; position: absolute; top: 0; left: 0; right: 0; padding: 0 151.5px; } .new .voce-menu { align-items: center; display: flex; gap: 9px; height: 20px; justify-content: center; margin-top: 2.0px; min-width: 82px; color: #fff; width: 8%; } .homelogo { height: 76px; padding-left: 0; padding-right: 0; } .airplane-left { position: absolute; top: 10%; left: 0; } .airplane-right { position: absolute; top: 50%; right: 0; } .hero-content { margin-top: 50px; z-index: 1; text-align: center; color: #fff; } .hero-content h1 { font-size: 110px; margin-bottom: 0.5rem; line-height: 1; } .hero-content p { font-size: 20px; line-height: 30px; } .hero-content h2 { font-size: 25px; } .bottone-scopri-quiz { background-color: #246FA4; border: 1px solid #fff; border-radius: 30px; height: 55px; width: 35%; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .scopri-i-nostri-quiz { font-weight: 700; font-size: 18px; } .new { background: radial-gradient(ellipse at center, rgba(25, 110, 165, 1) 0%, rgba(0, 82, 150, 1) 100%) } p.testo-quiz-evidenza { text-align: center; font-size: 50px; font-weight: 500; margin-top: 30px; line-height: 1.6; } p.testo-scopri-tutti { text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 2%; } .box-image img { border-radius: 20px; width: 100%; } .group-container { display: flex; } .new .banner-app { height: 600px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 30px; background-image: radial-gradient(rgba(35, 161, 233, 1) 0%, rgba(4, 115, 179, 1) 100%); width: 100%; } img.google-play-app { border-radius: 10px; } img.app-store-app { border-radius: 10px; } .box-form { width: 100%; } input#mc-embedded-subscribe { border-radius: 6px; width: 50%; display: flex; align-items: center; justify-content: center; position: relative; color: #fff; height: 55px; border: 0px; font-weight: 700; font-size: 18px; left: -3px; background-color: #0F5A85; } .seo-text { display: block; padding-left: 0; padding-right: 0; } .footer-app-blocco { width: 100%; background-color: #fff; display: grid; align-items: center; position: relative; padding-bottom: 5%; } .footer-app { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding-left: 0; padding-right: 0; margin-bottom: 35px; } .lista-app-footer { flex: 0 0 calc(50% - 20px); box-sizing: border-box; border-radius: 20px; border: 1px solid rgba(222, 222, 222, 1); } .lista-app-footer p { text-align: center; font-size: 20px; font-weight: 500; margin-top: 15px; } a.logo-iv { filter: contrast(0.7); width: 230px; display: flex; padding: 20px 0 20px 0px; margin: 0 auto; } .img-gplay img { margin: 0 auto; display: block; margin-top: 15px; margin-bottom: 15px; } .img-appleplay img { margin: 0 auto; display: block; margin-top: 15px; margin-bottom: 15px; } ul.lista-link-app { display: inline-block; vertical-align: top; padding-left: 5%; width: 35%; } .navbar-fixed-top .navbar-inner { background: unset; border:unset; box-shadow: unset !important; } .navbar .nav.pull-right { margin-right: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; position: relative; width: 100%; text-align: center; margin-top: 0; } .navbar .nav > li > div > a { float: none; padding: 10px 10px 10px; color: #fff; text-decoration: none; font-size: 16px; text-shadow: unset; font-weight: 500; } .navbar-fixed-bottom .navbar-inner .container { margin-top:10px; text-align: center; } .navbar .btn-navbar { float: left; } .selettore-lingua-desktop { overflow: hidden; background: #fff; border-radius: 0 0 10px 10px; border: 1px solid rgba(9, 135, 198, 1); width: 9%; float: right; right: 4%; margin-top: 10px; padding-top: 10px; z-index: 111111111111111; position: absolute; } img.lingua-arrow { filter: invert(1); } .hide-desktop { display: none; } .navbar.navbar-fixed-top.scrolled { background: radial-gradient(ellipse at center, rgba(25, 110, 165, 1) 0%, rgba(0, 82, 150, 1) 100%); padding-top: 10px; padding-bottom: 10px; } .icon-button { background: url('https://quizvds.it/icone/arrow-right.svg') no-repeat right center; padding-left: 40px; border: none; } p.testo-ia-promo { margin-top: 25px; } a.link-new-bottone:hover { text-decoration: unset; } a.link-new-bottone { color: #fff; } .bottone-scopri-quiz:hover { color: #fff; text-decoration: unset; border: 2px solid; } img.icona-freccia-quiz { margin-left: 5px; } .navbar .nav > li > a:focus, .navbar .nav > li > div > a:hover { color: #b6b6b6; } img.nl-icon { width: 24px; height: 20px; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 100%; } .caption { display: flex !important; flex-direction: column; justify-content: space-between; flex-grow: 1; padding: 0; } .box-image-interni img { border-radius: 20px; width: 100%; } img.icona-freccia-quiz { width: unset; } ul.nav.pull-right > li > div { text-align: left; } li#language-select-desktop { color: #fff; } .selettore-lingua-desktop p { text-align: left; padding-left: 15px; border-bottom: 1px solid #a3a3a3; } .selettore-lingua-desktop p:last-child { text-align: left; padding-left: 15px; border-bottom: unset; } .voce-menu { padding: 20px; } .voce-menu a { vertical-align: middle; color: #fff; } .blocco1, .blocco2, .blocco3 { width: auto; margin: 0; } div#language-select-desktop > div { color: #fff; } div#language-select-desktop { cursor: pointer; } .scrolled ul.nav.pull-right { margin-top: 0; } .navbar.not-home.navbar-fixed-top { background: radial-gradient(ellipse at center, rgba(25, 110, 165, 1) 0%, rgba(0, 82, 150, 1) 100%); padding-bottom: 10px; padding-top: 10px; } .container.contenitore-generale { margin-top: 7%; margin-bottom: 5%; } .navbar.is-home.navbar-fixed-top { padding-top: 10px; } .lista-qui-interni { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding-left: 0; padding-right: 0; margin-top: 5%; padding-bottom: 5%; } .box-quiz-interni { flex: 0 0 calc(33.33% - 20px); box-sizing: border-box; margin-bottom: 20px; } .box-image-interni { border-radius: 20px; width: 100%; flex: 0 0 calc(33.33% - 20px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; height: 100%; } .box-interni-h3 { font-size: 20px; margin-top: 20px; line-height: 1.333; margin-bottom: 10px; font-weight: 700; } .tasto-inizia-interni { border: 2px solid rgba(255, 255, 255, 1); opacity: 1; border-radius: 30px; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; color: #fff; height: 55px; font-weight: 700; font-size: 18px; background-color: #0F5A85; } .tasto-inizia-interni:hover { background-color: #0f5a85a1!important; color: #fff; text-decoration: unset; } .footer-app-2 { margin-top: 5%; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding-left: 0; padding-right: 0; } .test-seo-interne { margin-bottom: 5%; } .tasto-inizia-interni-multipli { display: flex; } a#tasto-inizia-interni-1 { width: 35%; font-size: 16px; font-weight: 500; align-items: center; display: flex; justify-content: left; margin-right: 25px; color: #333; position: relative; } a#tasto-inizia-interni-2 { border: 2px solid rgba(255, 255, 255, 1); opacity: 1; border-radius: 30px; width: 65%; display: flex; align-items: center; justify-content: center; position: relative; color: #fff; height: 55px; font-weight: 700; font-size: 18px; background-color: #0F5A85; } img.icona-materie-nera-interne { width: 20px; border-radius: unset; margin-right: 5px; } a#tasto-inizia-interni-2:hover { background-color: #0f5a85a1!important; color: #fff; text-decoration: unset; } .voce-menu a:hover { text-decoration: unset; color: #dfdfdf; } .swiper-container { width: 100%; max-width: 1200px; height: 150px; margin: 20px auto; position: relative; overflow: hidden; } .swiper-slide img { width: auto; height: 100%; display: block; margin: 0 auto; } .swiper-button-next, .swiper-button-prev { color: #000; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; font-size: 24px; padding: 10px; cursor: pointer; } .swiper-button-next { right: 20px; } .swiper-button-prev { left: 20px; } .text-danger { color: #ff0000; } a.link-nl { color: unset; text-decoration: underline; } .top-message { width: 100%; background-color: #1D8703; color: #ffffff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border-bottom: 1px solid #1a8600; z-index: 11; position: sticky; display: table; border-spacing: 0; } .top-message .span7, .top-message .span5 { float: none; } .top-message .top-msg-left, .top-message .top-msg-right { display: table-cell; vertical-align: middle; float: none; } .top-msg-left { padding-left: 20px; } .top-msg-right { text-align: right; padding: 10px 20px; } .top-message .top-msg-left a { color: #ffffff; font-weight: bold; font-size: 16px; } .top-message .top-msg-left a:hover { color: #ffffff; text-decoration: none; opacity: 0.8; } .top-message .btn { padding: 8px 18px; border-radius: 20px; font-weight: bold; border: none; text-shadow: none; box-shadow: none; transition: all 0.3s ease; } .navbar-fixed-top { top: unset; padding-top: unset; } .navbar.navbar-fixed-top.scrolled { top: 0; } .flag-img-rounded { border-radius: 0.3rem; width: 20px; } a.primo-item:hover { text-decoration: unset; } a.ultimo-item { padding-left: 4px; } a.ultimo-item:hover { text-decoration: unset; } .seo-text a { color: #0b5394; text-decoration: underline; } .seo-text a:hover { color: #0b3a66; text-decoration: underline; } .fs-15 { font-size: 15px; } .mb-30 { margin-bottom: 30px; } .testo-sei-scuola h3 { margin-bottom: 5px; } .testo-sei-scuola p { margin-bottom: 25px; } @media screen and (min-width: 1500px) { .banner-home { position: fixed !important; top: 0; left: 0; z-index: 1; } .quiz-evidenza { position: relative; z-index: 10; margin-top: 33%; } .content-app { position: relative; z-index: 10; } .content-donazione-nl { position: relative; z-index: 10; } .quiz-tutti { position: relative; z-index: 10; } .seo-text-blocco { position: relative; z-index: 10; } .footer-app-blocco { position: relative; z-index: 10; } } @media screen and (max-width: 1800px) { .selettore-lingua-desktop { right: 2.5%; } .container.contenitore-generale { margin-top: 8%; } } @media (max-width: 1500px) { .container.contenitore-generale { margin-top: 9%; } html[lang="fr"] .voce-menu { padding: 7px; } html[lang="es"] .voce-menu { padding: 7px; } .voce-menu { padding: 10px; } .selettore-lingua-desktop { right: 3%; } .homelogo { padding-left: 0; padding-right: 0; } .airplane-right { position: absolute; top: 57%; right: 0; width: 35%; } .airplane-left { position: absolute; top: 10%; left: 0; width: 45%; } .navbar .nav > li > div > a { padding: 10px 5px 10px; } .new .banner-app { height: 500px; } } @media screen and (max-width: 1400px) { .selettore-lingua-desktop { right: 2%; } .voce-menu { padding: 7px; } html[lang="fr"] .voce-menu a { text-align: center; display: grid; } html[lang="fr"] .voce-menu img { margin: 0 auto; } html[lang="es"] .voce-menu a { text-align: center; display: grid; } html[lang="es"] .voce-menu img { margin: 0 auto; } html[lang="sr-Latn-RS"] .voce-menu img { margin: 0 auto; } html[lang="pl"] .voce-menu img { margin: 0 auto; } html[lang="cs"] .voce-menu img { margin: 0 auto; } } @media screen and (max-width: 1300px) { .container.contenitore-generale { margin-top: 10%; } .selettore-lingua-desktop { right: 2%; } .voce-menu { padding: 5px; } input#mc-embedded-subscribe { width: 21%; left: 0; } } @media screen and (max-width: 1200px) { .container.contenitore-generale { margin-top: 11%; } .voce-menu { padding: 10px; } .voce-menu a { text-align: center; display: grid; vertical-align: middle; } .voce-menu img { margin: 0 auto; } .selettore-lingua-desktop { right: 1%; } li.sei-una-scuola { display: none; } html[lang="de"] .hero-content h1 { font-size: 90px; } html[lang="sr-Latn-RS"] .hero-content h1 { font-size: 90px; } html[lang="pl"] .hero-content h1 { font-size: 90px; } html[lang="cs"] .hero-content h1 { font-size: 90px; } } @media screen and (max-width: 1100px) { .container.contenitore-generale { margin-top: 12%; } .voce-menu { padding: 7px; } } @media screen and (max-width: 1024px) { .voce-menu { padding: 6px; } } @media (max-width: 992px) { .list-app { flex: 0 0 calc(50% - 20px); } .carousel { width: 70%; } .row-flex { display: block; } .box-dati-app { width: 100%; align-content: stretch; } .box-slide-app { width: 100%; align-content: stretch; margin-top: 25px; } .span6.box-download-app { width: 100%; } .container.contenitore-generale { margin-top: 17%; } .bottone-scopri-quiz { width: 55%; } .new .banner-app { height: 600px; } .hero-content { margin-top: 0; width: 90%; } .voce-menu { padding: 10px; } .voce-menu img { margin: 0 auto; filter: invert(1); padding-right: 6px; } html[lang="es"] .voce-menu a, html[lang="fr"] .voce-menu a, .voce-menu a { text-align: left; display: unset; color: #333; font-size: 16px; } html[lang="de"] .hero-content h1 { font-size: 50px; } html[lang="sr-Latn-RS"] .hero-content h1 { font-size: 50px; } html[lang="pl"] .hero-content h1 { font-size: 50px; } html[lang="cs"] .hero-content h1 { font-size: 50px; } .navbar.navbar-fixed-top.scrolled.navbar-fixed-top .navbar-inner { padding: 0; width: 100%; margin: 0 auto; } .hide-desktop { display: unset; } li.hide-mobile { display: none; } body { padding-right: 0; padding-left: 0; } .hero-content h1 { font-size: 80px; margin-bottom: 0.5rem; line-height: 1.25; } .airplane-left { top: 10%; width: 65%; } .new .banner-home { height: 850px; } .airplane-right { top: 69%; width: 50%; } .navbar-fixed-top { margin-bottom: 0; } .navbar-fixed-top{ position: fixed; } .navbar-fixed-top, .navbar-fixed-bottom { margin-right: 0; margin-left: 0; } .navbar .btn-navbar { background:unset; font-size: 25px; width: 33%; border-color: transparent; box-shadow:unset; } .nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden; background: #fff; border-radius: 0 0 10px 10px; } .navbar .nav > li > div > a { text-align: left !important; color:#000; } .navbar .nav.pull-right { display: block; } .navbar .nav > li > div > a > img { filter: invert(1); } .navbar-fixed-top .navbar-inner { padding: 0; } .homelogo-mobile { width: 33%; } .container-mobile-menu-flex { display: flex; align-items: center; margin-top: 0; justify-content: center; } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: unset; } img.lingua-arrow { margin-top: -5px; margin-left: 5px; filter: invert(1); width: 20px; } a.primo-item { width: unset; display: inline-block; align-items: end; margin-right: 0; padding-bottom: 10px; margin-left: 0; } .selettore-lingua-mobile { overflow: hidden; background: #fff; border: 1px solid rgba(9, 135, 198, 1); border-radius: 0 0 10px 10px; width: 25%; float: right; right: 6%; position: absolute; text-align: center; padding-top: 10px; } div#language-select-mobile { width: 33%; margin: 0 auto; text-align: center; color:#fff; font-size: 20px; } img.lingua-mondo { margin-right: 2px; width: 25px; } input#mc-embedded-subscribe { width: 50%; left: 0; } img.icona-freccia-quiz { margin-left: 5px; } .lista-app-footer { flex: auto; width: 100%; } ul.lista-link-app { margin-bottom: 0; padding-left: 10%; padding-bottom: 20px; } .navbar.navbar-fixed-bottom { width: 100%; background-color: #fff; display: grid; align-items: center; position: relative; padding-bottom: 0; margin-top: 0; } .box-quiz-interni { flex: 0 0 calc(50% - 20px); box-sizing: border-box; } } @media (max-width: 767px) { .top-message { display: grid; padding: 15px 0; } .top-message .span7, .top-message .span5 { text-align: center !important; padding: 0; margin-left: 0; } .top-msg-left { margin-bottom: 15px; } .top-msg-right .btn { display: inline-block; margin: 0 5px; width: auto; } } @media (max-width: 768px) { .carousel { width: 90%; } .list-app { flex: auto; } .container.contenitore-generale { margin-top: 18.5%; padding-left: 2%; padding-right: 2%; } .hide-desktop { display: unset; } li.hide-mobile { display: none; } body { padding-right: 0; padding-left: 0; } .hero-content h1 { font-size: 60px; margin-bottom: 0.5rem; line-height: 1.25; } .airplane-left { top: 10%; width: 65%; } .hero-content { margin-top: 0; width: 90%; } .new .banner-home { height: 850px; } .airplane-right { top: 73%; width: 60%; } .navbar-fixed-top { margin-bottom: 0; } .navbar-fixed-top{ position: fixed; } .navbar-fixed-top, .navbar-fixed-bottom { margin-right: 0; margin-left: 0; } .navbar .btn-navbar { background:unset; font-size:16px; width: 33%; border-color: transparent; box-shadow:unset; } .nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden; background: #fff; border-radius: 0 0 10px 10px; } .navbar .nav > li > div > a { text-align: left !important; color:#000; } .navbar .nav.pull-right { display: block; } .navbar .nav > li > div > a > img { filter: invert(1); } .navbar-fixed-top .navbar-inner { padding: 0; } .homelogo-mobile { width: 33%; } .container-mobile-menu-flex { display: flex; align-items: center; margin-top: 0; justify-content: center; } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: unset; } img.lingua-arrow { margin-top: -5px; margin-left: 5px; filter: invert(1); } a.primo-item { width: unset; display: inline-block; align-items: end; margin-right: 0; padding-bottom: 10px; margin-left: 0; } .selettore-lingua-mobile { overflow: hidden; background: #fff; border-radius: 0 0 10px 10px; width: 25%; float: right; right: 6%; position: absolute; text-align: center; padding-top: 10px; } ul.lista-link-app { width: 30%; } div#language-select-mobile { width: 33%; margin: 0 auto; text-align: center; color:#fff; } .new .banner-app { height: 650px; } input#mc-embedded-subscribe { width: 50%; left: 0; } img.icona-freccia-quiz { margin-left: 5px; } .lista-app-footer { flex: auto; } ul.lista-link-app { margin-bottom: 0; } .navbar.navbar-fixed-bottom { width: 100%; background-color: #fff; display: grid; align-items: center; position: relative; padding-bottom: 0; margin-top: 0; } .box-quiz-interni { flex: 0 0 calc(90% - 20px); box-sizing: border-box; } } @media (max-width: 480px) { .container.contenitore-generale { margin-top: 22.5%; } html[lang="de"] .hero-content h1 { font-size: 30px; } html[lang="sr-Latn-RS"] .hero-content h1 { font-size: 30px; } html[lang="pl"] .hero-content h1 { font-size: 30px; } html[lang="cs"] .hero-content h1 { font-size: 30px; } .new .banner-app { height: 620px; } img.lingua-mondo { margin-right: 2px; width: 20px; } ul.lista-link-app { width: 39%; } ul.lista-link-app { padding-left: 0; } .bottone-scopri-quiz { width: 70%; } .hide-desktop { display: unset; } li.hide-mobile { display: none; } body { padding-right: 0; padding-left: 0; } .hero-content h1 { font-size: 40px; margin-bottom: 0.5rem; line-height: 1.25; } .airplane-left { top: 8%; width: 85%; } .airplane-right { top: 80%; } .navbar-fixed-top { margin-bottom: 0; } .navbar-fixed-top{ position: fixed; } .navbar-fixed-top, .navbar-fixed-bottom { margin-right: 0; margin-left: 0; } .navbar .btn-navbar { background:unset; font-size:16px; width: 25%; border-color: transparent; box-shadow:unset; } .nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden; background: #fff; border-radius: 0 0 10px 10px; } .navbar .nav > li > div > a { text-align: left !important; color:#000; } .navbar .nav.pull-right { display: block; } .navbar .nav > li > div > a > img { filter: invert(1); } .navbar-fixed-top .navbar-inner { padding: 0; } .homelogo-mobile { width: 33%; } .container-mobile-menu-flex { display: flex; align-items: center; margin-top: 0; justify-content: center; } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: unset; } img.lingua-arrow { margin-top: -5px; margin-left: 5px; filter: invert(1); width: 15px; } a.primo-item { width: unset; display: inline-block; align-items: end; margin-right: 0; padding-bottom: 10px; margin-left: 0; } .selettore-lingua-mobile { overflow: hidden; background: #fff; border-radius: 0 0 10px 10px; width: 25%; float: right; right: 10%; position: absolute; text-align: center; padding-top: 10px; } div#language-select-mobile { width: 33%; margin: 0 auto; text-align: center; color:#fff; } input#mc-embedded-subscribe { width: 75%; left: 0; } img.icona-freccia-quiz { margin-left: 5px; } .lista-app-footer { flex: auto; } ul.lista-link-app { margin-bottom: 0; } .navbar.navbar-fixed-bottom { width: 100%; background-color: #fff; display: grid; align-items: center; position: relative; padding-bottom: 0; margin-top: 0; } .footer-app-blocco { padding-bottom: 10%; } } @media (min-width: 1300px) { .group-container-donazione { top: 26%; } .group-container-nl { top: 26%; } .container-form-nl { top: 0; } } .tasti-home { display: flex; flex-direction: row; justify-content: center; gap: 20px; width: 100%; margin-top: 20px; } .tasti-home .link-new-bottone { display: block; width: 35%; } .tasti-home .bottone-scopri-quiz { width: 100%; margin: 0; height: 55px; } .tasti-home .scopri-i-nostri-quiz { font-size: 18px; white-space: nowrap; } .bottone-secondario { background-color: #ffffff !important; color: #0F5A85 !important; border: 2px solid #0F5A85 !important; } .bottone-secondario:hover { background-color: #e6f0f5 !important; } @media screen and (max-width: 992px) { .tasti-home .link-new-bottone { width: 45%; } } @media screen and (max-width: 768px) { .tasti-home { flex-direction: column; align-items: center; gap: 15px; } .tasti-home .link-new-bottone { width: 80%; } .tasti-home .bottone-scopri-quiz { height: 50px; } .tasti-home .scopri-i-nostri-quiz { font-size: 16px; } } @media screen and (max-width: 480px) { .tasti-home .link-new-bottone { width: 95%; } } a.btn.btn-secondary-custom { background: unset; color: #fff; border: 1px solid; margin-left: 15px; } a.btn.btn-secondary-custom:hover { background: #efefef29; } @media screen and (max-width: 1180px) { .footer-legal-row { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; text-align: center !important; } .footer-legal-brand { width: 100% !important; margin-left: 0 !important; text-align: center !important; } .footer-legal-links { width: 100% !important; margin-left: 0 !important; text-align: center !important; } } .ad-wrap .ad-hero{position:relative;background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border-radius:12px;padding:30px 26px;margin:8px 0 22px 0;overflow:hidden;display:flex;align-items:center;gap:24px;flex-wrap:wrap} .ad-wrap .ad-hero::before{content:'';position:absolute;top:-60px;right:-40px;width:240px;height:240px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none} .ad-wrap .ad-hero-icon{flex:0 0 auto;position:relative;z-index:1} .ad-wrap .ad-hero-icon img{width:104px;height:104px;border-radius:24px;box-shadow:0 6px 18px rgba(0,0,0,.28);display:block} .ad-wrap .ad-hero-body{flex:1 1 320px;min-width:240px;position:relative;z-index:1} .ad-wrap .ad-hero-body h1{color:#fff !important;font-size:27px !important;font-weight:700;margin:0 0 6px 0;line-height:1.2;text-shadow:none !important;border:none} .ad-wrap .ad-hero-body h2{color:#dbe9f7 !important;font-size:15.5px !important;font-weight:400;border:none !important;padding:0;margin:0 0 16px 0;line-height:1.45;text-shadow:none !important} .ad-wrap .ad-hero-badges{display:flex;gap:12px;flex-wrap:wrap} .ad-wrap .ad-hero-badges img{height:46px;width:auto;display:block;transition:transform .15s ease} .ad-wrap .ad-hero-badges a:hover img{transform:scale(1.05)} .ad-wrap .ad-stats{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px 0} .ad-wrap .ad-stat{flex:1 1 150px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #d6e3f1;border-radius:12px;padding:13px 14px;box-shadow:0 2px 8px rgba(11,58,102,.05);color:#445262;font-size:14px;text-align:center} .ad-wrap .ad-stat .ad-stat-ico{font-size:20px;line-height:1} .ad-wrap .ad-stat b{color:#0b3a66} .ad-wrap .ad-intro{color:#445262;font-size:15px;line-height:1.6;margin:0 0 20px 0} .ad-wrap .row-flex{display:flex !important;gap:28px;flex-wrap:wrap;align-items:flex-start} .ad-wrap .box-dati-app{width:auto !important;flex:1 1 380px;min-width:280px} .ad-wrap .ad-card{background:#fff;border:1px solid #e3ebf3;border-radius:12px;padding:16px 18px;margin:0 0 16px 0;box-shadow:0 1px 4px rgba(11,58,102,.04)} .ad-wrap .ad-card h3.testoSchedaApp{color:#0b3a66 !important;font-size:17px !important;font-weight:700;margin:0 0 9px 0;text-align:left !important;line-height:1.3} .ad-wrap .ad-card p{color:#445262;font-size:14px;line-height:1.6;margin:0} .ad-wrap .ad-card ul{margin:6px 0 0 0;padding-left:20px} .ad-wrap .ad-card li{color:#445262;font-size:14px;line-height:1.6;margin-bottom:5px} .ad-wrap ul.ad-materie{list-style:none !important;margin:6px 0 0 0 !important;padding:0 !important;display:flex;flex-wrap:wrap;gap:8px} .ad-wrap ul.ad-materie li{margin:0;padding:0;list-style:none} .ad-wrap ul.ad-materie li a{display:inline-block;background:#eaf2fb;color:#0b5394 !important;border:1px solid #d6e3f1;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:500;line-height:1.2;text-decoration:none !important;transition:background .15s ease,color .15s ease,border-color .15s ease} .ad-wrap ul.ad-materie li a:hover{background:#0D80C0;color:#fff !important;border-color:#0D80C0} .ad-wrap .box-slide-app{width:auto !important;flex:0 1 340px;min-width:260px;align-self:flex-start;margin:0 auto} .ad-wrap .box-slide-app img{max-width:100%;height:auto;display:block} .ad-wrap .box-slide-app .carousel{width:100%;margin:0 auto} .ad-wrap .ad-dl-title{color:#0b3a66;font-size:18px;font-weight:700;text-align:center;margin:6px 0 14px 0} .ad-wrap .box-download-app .well{background:#fff;border:1px solid #d6e3f1;border-radius:12px;box-shadow:0 2px 8px rgba(11,58,102,.05);padding:18px} .ad-wrap .box-download-app .testoSchedaApp{color:#0b3a66;font-weight:700;font-size:15px;margin-bottom:12px} .ad-wrap .box-download-app .btn{background:#0D80C0 !important;background-image:none !important;border:0 !important;color:#fff !important;border-radius:8px;padding:11px 16px;font-weight:600;text-shadow:none} .ad-wrap .box-download-app .btn:hover{background:#0a6396 !important} .ad-wrap .box-download-app .icona-freccia-quiz{filter:brightness(0) invert(1);vertical-align:middle;margin-left:5px;height:14px;width:auto} .ad-wrap hr{border:0;border-top:1px solid #e3ebf3;margin:26px 0} @media (max-width:680px){ .ad-wrap .ad-hero{padding:24px 18px;text-align:center;justify-content:center} .ad-wrap .ad-hero-body{flex-basis:100%} .ad-wrap .ad-hero-badges{justify-content:center} .ad-wrap .ad-hero-body h1{font-size:23px !important} } .row-flex-lista-app [class*="span"]{height:auto !important;min-height:0 !important} .mb-hero{position:relative;background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border-radius:10px;padding:40px 28px;margin:8px 0 24px 0;overflow:hidden;text-align:center} .mb-hero::before{content:'';position:absolute;top:-50px;right:-50px;width:260px;height:260px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none} .mb-hero::after{content:'';position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;background:rgba(255,255,255,.04);border-radius:50%;pointer-events:none} .mb-hero-icon{font-size:48px;display:block;margin-bottom:10px;position:relative;z-index:1;line-height:1} .mb-hero h1{color:#fff !important;font-size:26px !important;font-weight:700;margin:0 0 10px 0;line-height:1.25;position:relative;z-index:1;text-shadow:none !important} .mb-hero h2{color:#dbe9f7 !important;font-size:16px !important;font-weight:400;margin:0 0 10px 0;line-height:1.4;position:relative;z-index:1;border:none;padding:0;text-shadow:none !important} .mb-hero .lead{color:#dbe9f7 !important;font-size:15px;position:relative;z-index:1;max-width:720px;margin:0 auto 8px auto;text-shadow:none !important} .mb-hero p{text-shadow:none !important} .mb-hero .lead strong{color:#fff} .row-flex-lista-app{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(max(260px,calc(33.333% - 14px)),1fr));gap:20px;margin:0 0 16px 0;padding:0 !important} .row-flex-lista-app .list-app{width:auto !important} .list-app{background:#fff;border:1px solid #d6e3f1;border-radius:12px;padding:22px 18px;box-shadow:0 2px 8px rgba(11,58,102,.05);transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column} .list-app:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(11,58,102,.12)} .list-app .caption{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%} .list-app .caption .span2,.list-app .caption .span8{width:auto !important;float:none !important;margin:0 !important} .list-app .caption .span8{flex:1 1 auto;display:flex;flex-direction:column;width:100% !important} .list-app .caption .span2:not(.app-store) img{width:84px !important;height:84px !important;border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.12);margin-bottom:12px} .list-app h3{color:#0b3a66;font-size:18px;font-weight:700;margin:0 0 2px 0} .list-app h4{color:#6b7280;font-size:13px;font-weight:500;margin:0 0 10px 0} .list-app .caption .span8 p{color:#445262;font-size:13px;line-height:1.5;margin:0 0 14px 0;text-align:center !important} .list-app .btn,.list-app .btn-medium{background:#0D80C0;color:#fff !important;border:none;border-radius:8px;padding:9px 18px;font-weight:600;font-size:14px;display:inline-block;text-shadow:none} .list-app .btn:hover{background:#0a6396;color:#fff !important} .list-app .btn [class*="icon-"]{filter:brightness(0) invert(1)} .list-app .app-store{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:10px;justify-content:center;align-items:center;width:100% !important;margin-top:14px;padding-top:14px;border-top:1px solid #eef2f7} .list-app .app-store p{float:none !important;margin:0 !important;padding:0 !important;width:50% !important;flex:1 1 50% !important;max-width:50%;text-align:center;background:none !important;box-shadow:none !important;border:none !important} .list-app .app-store img{width:100% !important;max-width:160px;height:auto !important;border-radius:0 !important;background:none !important;box-shadow:none !important;opacity:.95;transition:opacity .15s ease,transform .15s ease} .list-app .app-store img:hover{opacity:1;transform:scale(1.04)} @media (max-width:600px){ .mb-hero{padding:30px 18px} .mb-hero h1{font-size:22px !important} } .pz-wrap .pz-hero{position:relative;background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border-radius:14px;padding:40px 28px;margin:8px 0 26px 0;overflow:hidden;text-align:center} .pz-wrap .pz-hero::before{content:'';position:absolute;top:-60px;right:-50px;width:260px;height:260px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none} .pz-wrap .pz-hero-icon{display:block;font-size:48px;line-height:1;margin:0 auto 12px auto;position:relative;z-index:1;text-shadow:0 4px 12px rgba(0,0,0,.2)} .pz-wrap .pz-h1{color:#fff !important;font-size:30px !important;font-weight:800;line-height:1.2;margin:0 0 12px 0;position:relative;z-index:1;text-shadow:none !important;border:none} .pz-wrap .pz-sub{color:#dbe9f7 !important;font-size:16px;line-height:1.5;max-width:760px;margin:0 auto 18px auto;position:relative;z-index:1;text-shadow:none !important} .pz-wrap .pz-trust{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:8px 16px;border-radius:999px;text-decoration:none;position:relative;z-index:1;margin-bottom:16px} .pz-wrap .pz-trust:hover{background:rgba(255,255,255,.2)} .pz-wrap .pz-trust-stars{color:#ffd24d;letter-spacing:1px;font-size:14px} .pz-wrap .pz-trust-score{color:#fff;font-weight:700} .pz-wrap .pz-trust-count{color:#dbe9f7;font-size:13px} .pz-wrap .pz-trust img{height:15px;width:auto;filter:brightness(0) invert(1);opacity:.9} .pz-wrap .pz-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;position:relative;z-index:1} .pz-wrap .pz-chip{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 13px;font-size:13px} .pz-wrap .pz-free{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#eaf2fb;border:1px dashed #9cc2e8;border-radius:12px;padding:16px 20px;margin:0 0 24px 0} .pz-wrap .pz-free-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .pz-wrap .pz-free-tag{background:#0D80C0;color:#fff;font-size:12px;font-weight:700;border-radius:6px;padding:4px 10px} .pz-wrap .pz-free-info strong{color:#0b3a66;font-size:17px} .pz-wrap .pz-free-sub{color:#445262;font-size:13px} .pz-wrap .pz-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 14px 0;align-items:start} .pz-wrap .pz-plan{position:relative;background:#fff;border:1px solid #d6e3f1;border-radius:14px;padding:26px 22px;text-align:center;box-shadow:0 2px 10px rgba(11,58,102,.06);transition:transform .15s ease,box-shadow .15s ease} .pz-wrap .pz-plan:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(11,58,102,.12)} .pz-wrap .pz-plan-pop{border:2px solid #0D80C0;box-shadow:0 12px 30px rgba(13,128,192,.18);transform:scale(1.03)} .pz-wrap .pz-plan-pop:hover{transform:scale(1.03) translateY(-3px)} .pz-wrap .pz-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#0D80C0;color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 6px rgba(13,128,192,.3)} .pz-wrap .pz-plan-name{color:#0b3a66;font-size:20px;font-weight:700;margin:6px 0 10px 0} .pz-wrap .pz-price{color:#0b3a66;font-size:40px;font-weight:800;line-height:1} .pz-wrap .pz-price small{font-size:20px;font-weight:600;vertical-align:top} .pz-wrap .pz-old{color:#8a98a6;font-size:13px;margin-top:5px;min-height:18px} .pz-wrap .pz-old strike{margin-right:5px} .pz-wrap .pz-pay{color:#1f9d57;font-weight:700;font-size:13px;margin:12px 0 0 0} .pz-wrap .pz-noabb{color:#6b7280;font-size:12.5px;margin:2px 0 16px 0} .pz-wrap .pz-cta{display:block;width:100%;background:#0D80C0 !important;background-image:none !important;color:#fff !important;border:0 !important;border-radius:10px;padding:13px 16px;font-weight:700;font-size:15px;text-shadow:none;box-sizing:border-box} .pz-wrap .pz-cta:hover{background:#0a6396 !important;color:#fff !important} .pz-wrap .pz-cta-ghost{background:#fff !important;color:#0D80C0 !important;border:2px solid #0D80C0 !important;width:auto;display:inline-block} .pz-wrap .pz-cta-ghost:hover{background:#0D80C0 !important;color:#fff !important} .pz-wrap .pz-atpl{text-align:center;color:#6b7280;font-size:13px;margin:0 0 30px 0} .pz-wrap .pz-table-title{color:#0b3a66;font-size:22px;font-weight:700;text-align:center;margin:10px 0 18px 0;border:none} .pz-wrap .pz-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 30px 0;border:1px solid #e3ebf3;border-radius:12px} .pz-wrap .pz-table{width:100%;min-width:640px;border-collapse:collapse;background:#fff;font-size:13.5px;margin:0} .pz-wrap .pz-table th,.pz-wrap .pz-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:center;vertical-align:middle} .pz-wrap .pz-table thead th{background:#0b3a66;color:#fff;font-weight:700;font-size:14px} .pz-wrap .pz-table thead th.pz-pop{background:#0D80C0} .pz-wrap .pz-table td.pz-feat,.pz-wrap .pz-table th.pz-feat{text-align:left;color:#374b5e;min-width:240px;font-weight:500} .pz-wrap .pz-table tbody tr:nth-child(even){background:#f7fafd} .pz-wrap .pz-table td.pz-pop{background:rgba(13,128,192,.06)} .pz-wrap .pz-yes{color:#1f9d57;font-weight:700;font-size:17px} .pz-wrap .pz-no{color:#cfd8e0;font-weight:700;font-size:15px} .pz-wrap .pz-num{color:#0b3a66;font-weight:700} .pz-wrap .pz-table .pz-tip{margin-left:6px;opacity:.6;text-decoration:none;white-space:nowrap} .pz-wrap .pz-table .pz-tip:hover{opacity:1} .pz-wrap .titolo-box-recensione{line-height:1.1 !important} .pz-wrap .pz-seo{margin-top:60px;clear:both} .pz-wrap .pz-seo h2{color:#0b3a66;font-size:22px;margin:0 0 12px 0} .pz-wrap .pz-seo h3{color:#0b3a66;font-size:18px;margin:22px 0 8px 0} .pz-wrap .pz-seo p{color:#445262;line-height:1.6} @media (max-width:760px){ .pz-wrap .pz-plans{grid-template-columns:1fr;gap:26px} .pz-wrap .pz-plan-pop{transform:none} .pz-wrap .pz-plan-pop:hover{transform:translateY(-3px)} .pz-wrap .pz-h1{font-size:24px !important} .pz-wrap .pz-free{flex-direction:column;text-align:center} .pz-wrap .pz-free-info{justify-content:center} .pz-wrap .pz-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:420px;margin-left:auto;margin-right:auto} .pz-wrap .pz-chip{display:flex;align-items:center;justify-content:center;gap:5px} } @media (max-width:979px){ .sidebar-inner{margin-top:32px !important} } .sidebar-inner .sb-card{display:block;background:#fff;border:1px solid #d6e3f1;border-radius:12px;padding:16px;margin:0 0 16px 0;box-shadow:0 1px 4px rgba(11,58,102,.05);text-align:center;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease} .sidebar-inner .sb-card:hover{text-decoration:none} .sidebar-inner a.sb-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(11,58,102,.10)} .sidebar-inner .sb-title{color:#0b3a66;font-size:14.5px;font-weight:700;margin:0 0 10px 0;line-height:1.3} .sidebar-inner .sb-card-app .sb-app-img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:8px} .sidebar-inner .sb-cta{display:inline-block;background:#0D80C0 !important;background-image:none !important;color:#fff !important;border:0 !important;border-radius:8px;padding:11px 16px;font-weight:700;font-size:14px;text-shadow:none;text-decoration:none !important;line-height:1.2;box-sizing:border-box} .sidebar-inner .sb-cta:hover{background:#0a6396 !important;color:#fff !important;text-decoration:none !important} .sidebar-inner .sb-cta-block{display:block;width:100%} .sidebar-inner .sb-cta-light{background:#fff !important;color:#0b3a66 !important} .sidebar-inner .sb-cta-light:hover{background:#eaf2fb !important;color:#0b3a66 !important} .sidebar-inner .sb-card-pro{background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border:0;color:#fff;position:relative;overflow:hidden;padding:18px 16px} .sidebar-inner .sb-card-pro::before{content:'';position:absolute;top:-40px;right:-40px;width:150px;height:150px;background:rgba(255,255,255,.07);border-radius:50%;pointer-events:none} .sidebar-inner .sb-card-pro:hover{box-shadow:0 10px 24px rgba(11,58,102,.22)} .sidebar-inner .sb-card-pro .sb-pro-badge{display:inline-block;background:rgba(255,255,255,.18);color:#fff;font-size:11px;font-weight:800;letter-spacing:1.2px;padding:3px 10px;border-radius:999px;margin-bottom:8px;position:relative;z-index:1} .sidebar-inner .sb-card-pro .sb-pro-rating{margin:0 0 6px 0;position:relative;z-index:1;font-size:13px} .sidebar-inner .sb-card-pro .sb-pro-stars{color:#ffd24d;letter-spacing:1px} .sidebar-inner .sb-card-pro .sb-pro-score{color:#fff;margin-left:5px;font-weight:700} .sidebar-inner .sb-card-pro .sb-pro-title{color:#fff;font-size:17px;font-weight:800;margin:0 0 6px 0;position:relative;z-index:1} .sidebar-inner .sb-card-pro .sb-pro-sub{color:#dbe9f7;font-size:13px;margin:0 0 14px 0;line-height:1.3;position:relative;z-index:1} .sidebar-inner .sb-card-ad{padding:8px;background:#fafbfc;text-align:center} .pt-wrap .pt-hero{position:relative;background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border-radius:12px;padding:30px 26px;margin:8px 0 22px 0;overflow:hidden;text-align:center} .pt-wrap .pt-hero::before{content:'';position:absolute;top:-60px;right:-40px;width:240px;height:240px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none} .pt-wrap .pt-hero-icon{font-size:42px;display:block;line-height:1;margin-bottom:8px;position:relative;z-index:1} .pt-wrap .pt-h1{color:#fff !important;font-size:26px !important;font-weight:700;margin:0 0 6px 0;line-height:1.2;text-shadow:none !important;border:none;position:relative;z-index:1} .pt-wrap .pt-h2{color:#dbe9f7 !important;font-size:16px !important;font-weight:400;border:none !important;padding:0;margin:0;line-height:1.45;text-shadow:none !important;position:relative;z-index:1} .pt-wrap .pt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:0 0 20px 0} .pt-wrap .pt-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #d6e3f1;border-radius:12px;padding:22px 18px;text-align:center;text-decoration:none !important;color:inherit;box-shadow:0 1px 4px rgba(11,58,102,.05);transition:transform .15s ease,box-shadow .15s ease} .pt-wrap .pt-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(11,58,102,.12)} .pt-wrap .pt-logo{width:100%;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:14px} .pt-wrap .pt-logo img{max-width:80%;max-height:90px;height:auto;width:auto;display:block;object-fit:contain} .pt-wrap .pt-logo img.pt-img-shadow{filter:drop-shadow(2px 4px 6px black)} .pt-wrap .pt-name{color:#0b3a66;font-size:15px;font-weight:700;line-height:1.3} .nl-wrap [hidden]{display:none !important} .nl-wrap .nl-hero{position:relative;background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border-radius:12px;padding:32px 26px;margin:8px 0 20px 0;overflow:hidden;text-align:center} .nl-wrap .nl-hero::before{content:'';position:absolute;top:-50px;right:-40px;width:230px;height:230px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none} .nl-wrap .nl-hero-icon{font-size:44px;display:block;line-height:1;margin-bottom:8px;position:relative;z-index:1} .nl-wrap .nl-h1{color:#fff !important;font-size:26px !important;font-weight:700;margin:0 0 6px 0;line-height:1.2;text-shadow:none !important;border:none;position:relative;z-index:1} .nl-wrap .nl-h2{color:#dbe9f7 !important;font-size:15.5px !important;font-weight:400;border:none !important;padding:0;margin:0 0 12px 0;line-height:1.45;text-shadow:none !important;position:relative;z-index:1} .nl-wrap .nl-sub{color:#dbe9f7;font-size:14.5px;margin:0;position:relative;z-index:1;text-shadow:none !important} .nl-wrap .nl-benefits{display:flex;flex-direction:column;gap:10px;margin:0 0 22px 0;padding:18px 20px;background:#fff;border:1px solid #e3ebf3;border-radius:12px;box-shadow:0 1px 4px rgba(11,58,102,.04)} .nl-wrap .nl-benefit{display:flex;align-items:flex-start;gap:10px;color:#445262;font-size:14.5px;line-height:1.5} .nl-wrap .nl-bullet{color:#1f9d57;font-weight:700;font-size:15px;flex:0 0 auto;margin-top:1px} .nl-wrap .nl-form-card{background:#fff;border:1px solid #d6e3f1;border-radius:12px;padding:22px;box-shadow:0 2px 10px rgba(11,58,102,.05)} .nl-wrap .nf-row{margin:0 0 14px 0} .nl-wrap label[for="nf-email"]{display:block;color:#0b3a66;font-weight:600;font-size:14px;margin:0 0 6px 0} .nl-wrap input[type="email"]{display:block;width:100%;box-sizing:border-box;padding:21px 14px;border:1px solid #cfd8e2;border-radius:8px;font-size:15px;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease;color:#0b3a66;line-height:1.3} .nl-wrap input[type="email"]:focus{border-color:#0D80C0;box-shadow:0 0 0 3px rgba(13,128,192,.15)} .nl-wrap .nf-privacy{display:flex;align-items:flex-start;gap:8px;color:#445262;font-size:13.5px;line-height:1.5;cursor:pointer;margin:0} .nl-wrap .nf-privacy input[type="checkbox"]{margin:3px 0 0 0;flex:0 0 auto} .nl-wrap .nf-privacy a{color:#0D80C0;text-decoration:underline} .nl-wrap .nf-error{color:#b1392f;font-size:13px;margin-top:5px} .nl-wrap .nf-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0D80C0;background-image:none;color:#fff;border:0;border-radius:10px;padding:12px 22px;font-weight:700;font-size:15px;text-shadow:none;cursor:pointer;transition:background .15s ease;line-height:1.2} .nl-wrap .nf-submit:hover{background:#0a6396} .nl-wrap .nf-submit:disabled{opacity:.65;cursor:not-allowed} .nl-wrap .nf-loading{color:#6b7280;font-size:13px;margin-top:8px} .nl-wrap .btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:nl-spin .8s linear infinite;vertical-align:middle} @keyframes nl-spin{to{transform:rotate(360deg)}} @media (max-width:600px){ .nl-wrap .nl-h1{font-size:22px !important} .nl-wrap .nl-form-card{padding:18px 16px} .nl-wrap .nl-hero{padding:26px 18px} } .nd-wrap .nd-hero{position:relative;background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border-radius:14px;padding:38px 26px;margin:8px 0 22px 0;overflow:hidden;text-align:center} .nd-wrap .nd-hero::before{content:'';position:absolute;top:-60px;right:-40px;width:240px;height:240px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none} .nd-wrap .nd-hero::after{content:'';position:absolute;bottom:-60px;left:-50px;width:200px;height:200px;background:rgba(255,255,255,.04);border-radius:50%;pointer-events:none} .nd-wrap .nd-hero-check{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff;color:#1f9d57;font-size:36px;font-weight:800;line-height:1;margin:0 0 14px 0;position:relative;z-index:1;box-shadow:0 4px 14px rgba(0,0,0,.18)} .nd-wrap .nd-h1{color:#fff !important;font-size:26px !important;font-weight:700;line-height:1.25;margin:0 0 10px 0;text-shadow:none !important;border:none;position:relative;z-index:1} .nd-wrap .nd-sub{color:#dbe9f7;font-size:15px;line-height:1.5;max-width:640px;margin:0 auto;position:relative;z-index:1;text-shadow:none !important} .nd-wrap .nd-card{background:#fff;border:1px solid #d6e3f1;border-radius:12px;padding:22px;margin:0 0 18px 0;box-shadow:0 2px 8px rgba(11,58,102,.05)} .nd-wrap .nd-card p{color:#445262;font-size:14.5px;line-height:1.6;margin:0 0 14px 0} .nd-wrap .nd-card p:last-child{margin-bottom:0} .nd-wrap .nd-card-pro{background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border:0;color:#fff;text-align:center;position:relative;overflow:hidden} .nd-wrap .nd-card-pro::before{content:'';position:absolute;top:-50px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,.07);border-radius:50%;pointer-events:none} .nd-wrap .nd-card-pro .nd-pro-title{color:#fff;font-size:18px;font-weight:700;line-height:1.35;margin:0 0 16px 0;position:relative;z-index:1;border:none} .nd-wrap .nd-cta-row{text-align:center;margin:6px 0 0 0;position:relative;z-index:1} .nd-wrap .nd-cta{display:inline-block;background:#0D80C0;background-image:none;color:#fff !important;border:0;border-radius:10px;padding:13px 22px;font-weight:700;font-size:14.5px;text-shadow:none;text-decoration:none !important;line-height:1.2;transition:background .15s ease,transform .15s ease} .nd-wrap .nd-cta:hover{background:#0a6396;transform:translateY(-1px);text-decoration:none !important} .nd-wrap .nd-cta-light{background:#fff;color:#0b3a66 !important} .nd-wrap .nd-cta-light:hover{background:#eaf2fb;color:#0b3a66 !important} .nd-wrap .nd-outro{text-align:center;color:#6b7280;font-size:14px;font-style:italic;margin:20px 0 0 0} @media (max-width:600px){ .nd-wrap .nd-h1{font-size:22px !important} .nd-wrap .nd-hero{padding:30px 18px} .nd-wrap .nd-card{padding:18px 16px} } .pdf-wrap .pdf-hero{position:relative;background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border-radius:12px;padding:34px 26px;margin:8px 0 22px 0;overflow:hidden;text-align:center} .pdf-wrap .pdf-hero::before{content:'';position:absolute;top:-60px;right:-40px;width:240px;height:240px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none} .pdf-wrap .pdf-hero-icon{font-size:44px;display:block;line-height:1;margin-bottom:8px;position:relative;z-index:1} .pdf-wrap .pdf-h1{color:#fff !important;font-size:24px !important;font-weight:700;margin:0 0 10px 0;line-height:1.3;text-shadow:none !important;border:none;position:relative;z-index:1} .pdf-wrap .pdf-h2{color:#dbe9f7 !important;font-size:14.5px !important;font-weight:400;border:none !important;padding:0;margin:0;line-height:1.5;text-shadow:none !important;position:relative;z-index:1} .pdf-wrap .row-fluid p{color:#445262;font-size:14.5px;line-height:1.6} .pdf-wrap .alert-info{background:#eaf2fb !important;border:1px solid #9cc2e8 !important;color:#0b3a66 !important;border-radius:10px;padding:14px 16px;text-shadow:none} .pdf-wrap .alert-info b{color:#0b3a66} .pdf-wrap .lista-qui-interni{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(max(240px,calc(33.333% - 14px)),1fr));gap:20px;margin:0 0 30px 0;padding:0 !important;align-items:stretch} .pdf-wrap .box-quiz-interni{flex:none !important;width:auto !important;background:#fff;border:1px solid #d6e3f1;border-radius:12px;padding:18px;box-shadow:0 1px 4px rgba(11,58,102,.05);transition:transform .15s ease,box-shadow .15s ease;display:flex !important;flex-direction:column;text-align:center} .pdf-wrap .box-quiz-interni:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(11,58,102,.12)} .pdf-wrap .box-image-interni{display:block !important;height:auto !important;flex:0 1 auto !important;justify-content:flex-start !important;align-items:stretch !important;margin:0 auto 10px auto;max-width:100%} .pdf-wrap .box-image-interni img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:8px} .pdf-wrap .box-interni-h3{color:#0b3a66 !important;font-size:16.5px;font-weight:600;margin:4px 0 18px 0;padding-bottom:12px;line-height:1.3;text-align:center;border:none;position:relative} .pdf-wrap .box-interni-h3::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:36px;height:3px;background:#0D80C0;border-radius:2px} .pdf-wrap .box-quiz-interni .unstyled{list-style:none;margin:0 0 14px 0;padding:0;text-align:left} .pdf-wrap .box-quiz-interni .unstyled li{padding:0 !important;margin:3px 0 !important;border:0 !important;list-style:none;line-height:1.3} .pdf-wrap .box-quiz-interni .unstyled a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:6px;color:#0b3a66;text-decoration:none !important;font-size:13px;font-weight:500;line-height:1.3;background:transparent;transition:background .15s ease,color .15s ease} .pdf-wrap .box-quiz-interni .unstyled a::after{content:'›';color:#0D80C0;font-weight:700;font-size:18px;line-height:1;flex:0 0 auto;transition:transform .15s ease} .pdf-wrap .box-quiz-interni .unstyled a:hover{background:#eaf2fb;color:#0b3a66;text-decoration:none !important} .pdf-wrap .box-quiz-interni .unstyled a:hover::after{transform:translateX(3px)} .pdf-wrap .tasto-inizia-interni{display:flex !important;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:#0D80C0 !important;background-image:none !important;color:#fff !important;border:0 !important;border-radius:8px;padding:10px 12px !important;font-weight:700;font-size:14px;text-decoration:none !important;text-shadow:none;margin-top:auto !important;line-height:1.25 !important;min-height:0;white-space:normal;word-break:normal;transition:background .15s ease} .pdf-wrap .tasto-inizia-interni:hover{background:#0a6396 !important;color:#fff !important} .pdf-wrap .tasto-inizia-interni .icona-freccia-quiz{display:none} .pdf-wrap .test-seo-interne{margin-top:30px;padding-top:20px;border-top:1px solid #e3ebf3} .pdf-wrap .test-seo-interne h4{color:#0b3a66;font-size:18px;font-weight:700;margin:22px 0 10px 0} .pdf-wrap .test-seo-interne h5{color:#0b3a66;font-size:16px;font-weight:600;margin:18px 0 8px 0} .pdf-wrap .test-seo-interne p{color:#445262;line-height:1.6;font-size:14.5px} .pdf-wrap .test-seo-interne ul{margin:0 0 14px 0;padding-left:22px} .pdf-wrap .test-seo-interne li{color:#445262;line-height:1.6;font-size:14px;margin-bottom:4px} @media (max-width:600px){ .pdf-wrap .pdf-h1{font-size:20px !important} .pdf-wrap .pdf-hero{padding:26px 18px} .pdf-wrap .lista-qui-interni{grid-template-columns:1fr;gap:18px} } .es-wrap .es-hero{position:relative;background:linear-gradient(135deg,#0b3a66 0%,#0b5394 50%,#1e88e5 100%);border-radius:12px;padding:34px 26px;margin:8px 0 22px 0;overflow:hidden;text-align:center} .es-wrap .es-hero::before{content:'';position:absolute;top:-60px;right:-40px;width:240px;height:240px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none} .es-wrap .es-hero-icon{font-size:44px;display:block;line-height:1;margin-bottom:8px;position:relative;z-index:1} .es-wrap .es-h1{color:#fff !important;font-size:24px !important;font-weight:700;margin:0 0 10px 0;line-height:1.3;text-shadow:none !important;border:none;position:relative;z-index:1} .es-wrap .es-h2{color:#dbe9f7 !important;font-size:14.5px !important;font-weight:400;border:none !important;padding:0;margin:0;line-height:1.5;text-shadow:none !important;position:relative;z-index:1} .es-wrap .lista-qui-interni{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(max(240px,calc(33.333% - 14px)),1fr));gap:20px;margin:0 0 30px 0;padding:0 !important;align-items:stretch} .es-wrap .box-quiz-interni{flex:none !important;width:auto !important;background:#fff;border:1px solid #d6e3f1;border-radius:12px;padding:18px;box-shadow:0 1px 4px rgba(11,58,102,.05);transition:transform .15s ease,box-shadow .15s ease;display:flex !important;flex-direction:column;text-align:center} .es-wrap .box-quiz-interni:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(11,58,102,.12)} .es-wrap .box-image-interni{display:block !important;height:auto !important;flex:0 1 auto !important;justify-content:flex-start !important;align-items:stretch !important;margin:0 auto 10px auto;max-width:100%} .es-wrap .box-image-interni img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:8px} .es-wrap .box-interni-h3{color:#0b3a66 !important;font-size:16.5px !important;font-weight:600 !important;margin:4px 0 18px 0 !important;padding-bottom:12px !important;line-height:1.3 !important;text-align:center !important;border:none !important;position:relative;text-shadow:none !important} .es-wrap .box-interni-h3::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:36px;height:3px;background:#0D80C0;border-radius:2px} .es-wrap .box-quiz-interni .unstyled{list-style:none;margin:0 0 14px 0;padding:0;text-align:left} .es-wrap .box-quiz-interni .unstyled li{padding:0 !important;margin:3px 0 !important;border:0 !important;list-style:none;line-height:1.3} .es-wrap .box-quiz-interni .unstyled a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:6px;color:#0b3a66;text-decoration:none !important;font-size:13px;font-weight:500;line-height:1.3;background:transparent;transition:background .15s ease,color .15s ease} .es-wrap .box-quiz-interni .unstyled a::after{content:'›';color:#0D80C0;font-weight:700;font-size:18px;line-height:1;flex:0 0 auto;transition:transform .15s ease} .es-wrap .box-quiz-interni .unstyled a:hover{background:#eaf2fb;color:#0b3a66;text-decoration:none !important} .es-wrap .box-quiz-interni .unstyled a:hover::after{transform:translateX(3px)} .es-wrap .tasto-inizia-interni-multipli{display:flex !important;gap:8px;margin-top:auto !important;width:100%} .es-wrap .tasto-inizia-interni-multipli .tasto-inizia-interni{flex:1 1 0;min-width:0;display:flex !important;align-items:center;justify-content:center;width:auto !important;max-width:100%;box-sizing:border-box;border-radius:8px;padding:10px 8px !important;font-weight:700;font-size:13px;text-decoration:none !important;text-shadow:none;line-height:1.25 !important;min-height:0;white-space:normal;transition:background .15s ease,color .15s ease,border-color .15s ease} .es-wrap .tasto-inizia-interni-multipli .tasto-secondary{background:#fff !important;background-image:none !important;color:#0D80C0 !important;border:2px solid #0D80C0 !important} .es-wrap .tasto-inizia-interni-multipli .tasto-secondary:hover{background:#0D80C0 !important;border-color:#0D80C0 !important;color:#fff !important} .es-wrap .tasto-inizia-interni-multipli .tasto-primary{background:#0D80C0 !important;background-image:none !important;color:#fff !important;border:2px solid #0D80C0 !important} .es-wrap .tasto-inizia-interni-multipli .tasto-primary:hover{background:#0a6396 !important;border-color:#0a6396 !important;color:#fff !important} .es-wrap .tasto-inizia-interni-multipli .es-btn-icon{height:14px;width:auto;flex:0 0 auto;display:inline-block;transition:filter .15s ease} .es-wrap .tasto-inizia-interni-multipli .tasto-secondary .es-btn-icon{margin-right:6px;filter:none} .es-wrap .tasto-inizia-interni-multipli .tasto-secondary:hover .es-btn-icon{filter:brightness(0) invert(1)} .es-wrap .tasto-inizia-interni-multipli .tasto-primary .es-btn-icon{margin-left:6px;filter:brightness(0) invert(1)} .es-wrap .seo-text,.es-wrap .test-seo-interne{margin-top:30px;padding-top:20px;border-top:1px solid #e3ebf3} .es-wrap .seo-text h3,.es-wrap .test-seo-interne h3,.es-wrap .seo-text h4,.es-wrap .test-seo-interne h4{color:#0b3a66;font-size:18px;font-weight:700;margin:22px 0 10px 0;border:none} .es-wrap .seo-text h5,.es-wrap .test-seo-interne h5{color:#0b3a66;font-size:16px;font-weight:600;margin:18px 0 8px 0} .es-wrap .seo-text p,.es-wrap .test-seo-interne p{color:#445262;line-height:1.6;font-size:14.5px} .es-wrap .seo-text ul,.es-wrap .test-seo-interne ul{margin:0 0 14px 0;padding-left:22px} .es-wrap .seo-text li,.es-wrap .test-seo-interne li{color:#445262;line-height:1.6;font-size:14px;margin-bottom:4px} @media (max-width:600px){ .es-wrap .es-h1{font-size:20px !important} .es-wrap .es-hero{padding:26px 18px} .es-wrap .lista-qui-interni{grid-template-columns:1fr;gap:18px} } .es-wrap.es-detail .es-detail-hero{background:linear-gradient(135deg,#0b3a66 0%,#1e88e5 100%);border-radius:14px;padding:32px 26px;margin:0 0 22px 0;box-shadow:0 4px 18px rgba(11,58,102,.15)} .es-wrap.es-detail .es-detail-hero-inner{max-width:780px;margin:0 auto;text-align:center} .es-wrap.es-detail .es-detail-hero h1{color:#fff;font-size:26px;font-weight:700;line-height:1.25;margin:0 0 8px 0;border:0;text-shadow:0 1px 2px rgba(0,0,0,.12)} .es-wrap.es-detail .es-detail-hero .es-detail-sub{color:rgba(255,255,255,.92) !important;font-size:15px !important;line-height:1.5 !important;margin:0 !important;font-weight:500 !important;border:0 !important;padding:0 !important;text-shadow:none !important;letter-spacing:0;display:block} .es-wrap.es-detail .es-detail-ad{width:100%;max-width:100%;min-height:90px} .es-wrap.es-detail .es-detail-nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:0 0 22px 0} .es-wrap.es-detail .es-detail-nav-bottom{margin:24px 0 0 0} .es-wrap.es-detail .es-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 16px;border-radius:6px;font-size:13.5px;font-weight:600;text-decoration:none !important;transition:all .15s ease;min-height:34px;border:0;line-height:1} .es-wrap.es-detail .es-nav-btn svg{width:14px;height:14px;flex:0 0 auto} .es-wrap.es-detail .es-nav-secondary{background:#fff !important;color:#0D80C0 !important;border:2px solid #0D80C0 !important} .es-wrap.es-detail .es-nav-secondary:hover{background:#0D80C0 !important;color:#fff !important} .es-wrap.es-detail .es-nav-primary{background:#0D80C0 !important;color:#fff !important} .es-wrap.es-detail .es-nav-primary:hover{background:#0a6396 !important;color:#fff !important} .es-wrap.es-detail .es-nav-cta{background:#19b061 !important;color:#fff !important;border:0 !important;box-shadow:0 2px 8px rgba(25,176,97,.25)} .es-wrap.es-detail .es-nav-cta:hover{background:#0f8a44 !important;color:#fff !important} .es-wrap.es-detail .es-detail-toolbar{position:sticky;top:100px;z-index:40;margin:0 0 22px 0;padding:10px 14px;background:#fff;border:1px solid #e3ebf3;border-radius:10px;box-shadow:0 2px 8px rgba(11,58,102,.08)} .es-wrap.es-detail .es-detail-toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .es-wrap.es-detail .es-detail-toolbar-timer{flex:0 0 auto;display:flex;align-items:center} .es-wrap.es-detail .es-detail-toolbar-nav{flex:0 0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap} .es-wrap.es-detail .es-detail-toolbar.is-stuck, .es-wrap.es-detail .es-detail-toolbar{transition:box-shadow .15s ease} .es-wrap.es-detail .es-detail-toolbar-timer #timer{display:inline-block;width:auto;max-width:none;background:#0b3a66;color:#fff;font-family:'Courier New',Courier,monospace;font-size:18px;font-weight:700;padding:7px 16px;border-radius:6px;margin:0 !important;letter-spacing:1px;text-align:center;box-shadow:0 2px 6px rgba(11,58,102,.18);box-sizing:border-box;line-height:1.2} .es-wrap.es-detail #timer{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;background:#0b3a66;color:#fff;font-family:'Courier New',Courier,monospace;font-size:22px;font-weight:700;padding:8px 22px;border-radius:8px;margin:0 auto 14px auto;letter-spacing:1px;text-align:center;box-shadow:0 2px 8px rgba(11,58,102,.2);box-sizing:border-box} .es-wrap.es-detail hr{border:0;border-top:1px solid #e3ebf3;margin:6px 0 20px 0} .es-wrap.es-detail form.quiz{margin:0} .es-wrap.es-detail form.quiz fieldset{display:block;background:#fff;border:1px solid #e3ebf3 !important;border-radius:12px;padding:0 !important;margin:0 0 18px 0 !important;box-shadow:0 2px 10px rgba(0,0,0,.04);min-width:0;overflow:hidden} .es-wrap.es-detail form.quiz legend{position:static !important;float:none !important;display:block !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;color:#0b3a66 !important;font-size:16px !important;font-weight:600 !important;line-height:1.45 !important;background:#fafcfe !important;border:0 !important;border-bottom:1px solid #e3ebf3 !important;border-radius:0 !important;padding:16px 22px !important;margin:0 !important;text-shadow:none !important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word} .es-wrap.es-detail form.quiz fieldset > *:not(legend){margin-left:22px !important;margin-right:22px !important} .es-wrap.es-detail form.quiz fieldset > .radio:first-of-type{margin-top:16px !important} .es-wrap.es-detail form.quiz fieldset > .radio:last-child{margin-bottom:16px !important} .es-wrap.es-detail form.quiz fieldset > .quiz-image, .es-wrap.es-detail form.quiz fieldset > a > .quiz-image{margin-top:16px !important;margin-bottom:8px !important} .es-wrap.es-detail form.quiz .quiz-image{max-width:100%;height:auto;border-radius:8px;border:1px solid #e3ebf3} .es-wrap.es-detail form.quiz .radio{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px;color:#445262;font-size:14.5px;line-height:1.5;cursor:pointer;transition:background .12s ease;margin:0 0 6px 0 !important} .es-wrap.es-detail form.quiz .radio:hover{background:#f1f6fb} .es-wrap.es-detail form.quiz .radio input[type=radio]{margin:3px 0 0 0;flex:0 0 auto;cursor:pointer} .es-wrap.es-detail form.quiz .form-actions{background:transparent !important;border:0 !important;padding:18px 0 0 0 !important;margin:18px 0 0 0 !important;text-align:right} .es-wrap.es-detail form.quiz .form-actions .btn-primary{background:#0D80C0 !important;background-image:none !important;color:#fff !important;border:0 !important;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;text-shadow:none;box-shadow:0 2px 8px rgba(13,128,192,.25);transition:background .15s ease} .es-wrap.es-detail form.quiz .form-actions .btn-primary:hover{background:#0a6396 !important} @media (max-width:600px){ .es-wrap.es-detail .es-detail-hero{padding:24px 16px;border-radius:10px} .es-wrap.es-detail .es-detail-hero h1{font-size:21px} .es-wrap.es-detail .es-detail-hero .es-detail-sub{font-size:14px} .es-wrap.es-detail .es-detail-nav{gap:10px} .es-wrap.es-detail .es-nav-btn{flex:1 1 auto;font-size:13px;padding:10px 12px} .es-wrap.es-detail .es-nav-btn span{white-space:normal} .es-wrap.es-detail form.quiz fieldset{padding:0 !important} .es-wrap.es-detail form.quiz legend{font-size:15px !important;padding:14px 18px !important} .es-wrap.es-detail form.quiz fieldset > *:not(legend){margin-left:18px !important;margin-right:18px !important} .es-wrap.es-detail form.quiz fieldset > .radio:first-of-type{margin-top:14px !important} .es-wrap.es-detail form.quiz fieldset > .radio:last-child{margin-bottom:14px !important} .es-wrap.es-detail #timer{font-size:18px} .es-wrap.es-detail .es-detail-toolbar{top:50px;padding:6px 10px;margin:0 0 14px 0;border-radius:8px} .es-wrap.es-detail .es-detail-toolbar-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap} .es-wrap.es-detail .es-detail-toolbar-timer{flex:0 0 auto} .es-wrap.es-detail .es-detail-toolbar-timer #timer{font-size:13.5px;padding:5px 10px;letter-spacing:0} .es-wrap.es-detail .es-detail-toolbar-nav{flex:1 1 auto;justify-content:flex-end;gap:6px;flex-wrap:nowrap} .es-wrap.es-detail .es-detail-toolbar-nav .es-nav-btn{padding:7px 11px !important;font-size:12px !important;gap:5px} .es-wrap.es-detail .es-detail-toolbar-nav .es-nav-btn svg{width:12px;height:12px} } @media (max-width:400px){ .es-wrap.es-detail .es-detail-toolbar-nav .es-nav-btn span{display:none} .es-wrap.es-detail .es-detail-toolbar-nav .es-nav-btn{padding:8px 10px !important;min-width:36px;justify-content:center} .es-wrap.es-detail .es-detail-toolbar-nav .es-nav-btn svg{width:14px;height:14px} } .es-wrap.es-detail.es-result .es-result-card{position:relative;text-align:center;padding:36px 26px 30px 26px;margin:0 0 24px 0;border-radius:14px;color:#fff;box-shadow:0 6px 22px rgba(0,0,0,.12);overflow:hidden} .es-wrap.es-detail.es-result .es-result-card::before{content:'';position:absolute;top:-60px;right:-60px;width:240px;height:240px;background:rgba(255,255,255,.07);border-radius:50%;pointer-events:none} .es-wrap.es-detail.es-result .es-result-card::after{content:'';position:absolute;bottom:-80px;left:-80px;width:200px;height:200px;background:rgba(255,255,255,.05);border-radius:50%;pointer-events:none} .es-wrap.es-detail.es-result .es-result-passed{background:linear-gradient(135deg,#0f8a44 0%,#19b061 100%)} .es-wrap.es-detail.es-result .es-result-failed{background:linear-gradient(135deg,#a32525 0%,#d63b3b 100%)} .es-wrap.es-detail.es-result .es-result-icon{font-size:46px;line-height:1;display:block;margin:0 auto 10px auto;width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;font-weight:700} .es-wrap.es-detail.es-result .es-result-percent{font-size:56px;font-weight:800;line-height:1;margin:0 0 6px 0;color:#fff;letter-spacing:-1px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.18)} .es-wrap.es-detail.es-result .es-result-title{font-size:24px !important;font-weight:700 !important;color:#fff !important;margin:0 0 14px 0 !important;border:0 !important;line-height:1.2 !important;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.15);padding:0 !important;letter-spacing:0;background:transparent !important} .es-wrap.es-detail.es-result .es-result-stats{font-size:16px;color:rgba(255,255,255,.95);margin:0;line-height:1.5;position:relative;z-index:1} .es-wrap.es-detail.es-result .es-result-stats strong{font-weight:700;color:#fff;background:rgba(255,255,255,.16);padding:1px 8px;border-radius:6px} .es-wrap.es-detail.es-result .es-result-hint{font-size:14px;color:rgba(255,255,255,.88);margin:14px 0 0 0;font-style:italic;position:relative;z-index:1;line-height:1.5} .es-wrap.es-detail.es-result .es-revision-title{color:#0b3a66;font-size:22px;font-weight:700;margin:18px 0 16px 0;padding-bottom:8px;border-bottom:2px solid #e3ebf3;line-height:1.3} .es-wrap.es-detail.es-result .quiz-correction-item{background:#fff;border:1px solid #e3ebf3;border-left:4px solid #e3ebf3;border-radius:12px;padding:20px 22px;margin:0 0 16px 0;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative} .es-wrap.es-detail.es-result .quiz-correction-item.quiz-success{border-left-color:#19b061} .es-wrap.es-detail.es-result .quiz-correction-item.quiz-error{border-left-color:#d63b3b} .es-wrap.es-detail.es-result .quiz-correction-item::after{position:absolute;top:14px;right:18px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:99px;line-height:1.4} .es-wrap.es-detail.es-result .quiz-correction-item.quiz-success::after{content:'\2714';background:#e8f6ed;color:#19b061;border:1px solid #2bb673} .es-wrap.es-detail.es-result .quiz-correction-item.quiz-error::after{content:'\2718';background:#fdeded;color:#d63b3b;border:1px solid #d63b3b} .es-wrap.es-detail.es-result .quiz-correction-item p{color:#0b3a66;font-size:15px;font-weight:600;line-height:1.45;margin:0 0 14px 0;padding-right:32px} .es-wrap.es-detail.es-result .quiz-correction-item .quiz-image{display:block;max-width:100%;height:auto;margin:0 0 14px 0;border-radius:8px;border:1px solid #e3ebf3} .es-wrap.es-detail.es-result .quiz-correction-item .table{width:100%;margin:0;border-collapse:separate;border-spacing:0 8px;border:0;background:transparent} .es-wrap.es-detail.es-result .quiz-correction-item .table tr{transition:transform .12s ease} .es-wrap.es-detail.es-result .quiz-correction-item .table tr td{padding:11px 14px;font-size:14.5px;color:#445262;border:1px solid #e3ebf3 !important;border-radius:8px;background:#fafcfe;line-height:1.4} .es-wrap.es-detail.es-result .quiz-correction-item .table tr.success td{background:#e8f6ed !important;color:#1a6938 !important;border-color:#2bb673 !important;font-weight:600} .es-wrap.es-detail.es-result .quiz-correction-item .table tr.success td::before{content:'\2714  ';color:#19b061;font-weight:700;margin-right:4px} .es-wrap.es-detail.es-result .quiz-correction-item .table tr.error td{background:#fdeded !important;color:#8a1a1a !important;border-color:#d63b3b !important;font-weight:600} .es-wrap.es-detail.es-result .quiz-correction-item .table tr.error td::before{content:'\2718  ';color:#d63b3b;font-weight:700;margin-right:4px} @media (max-width:600px){ .es-wrap.es-detail.es-result .es-result-card{padding:28px 18px 24px 18px;border-radius:12px} .es-wrap.es-detail.es-result .es-result-icon{width:64px;height:64px;font-size:36px;margin-bottom:8px} .es-wrap.es-detail.es-result .es-result-percent{font-size:44px} .es-wrap.es-detail.es-result .es-result-title{font-size:20px} .es-wrap.es-detail.es-result .es-result-stats{font-size:14.5px} .es-wrap.es-detail.es-result .es-revision-title{font-size:18px} .es-wrap.es-detail.es-result .quiz-correction-item{padding:16px 14px} .es-wrap.es-detail.es-result .quiz-correction-item p{font-size:14.5px} .es-wrap.es-detail.es-result .quiz-correction-item .table tr td{padding:10px 12px;font-size:14px} } .btn, .btn-primary, .btn-secondary, .btn-success, .btn-warning, .btn-danger, .btn-info, .btn-inverse, .btn-link, a.btn.btn-secondary-custom, a.btn.btn-primary-custom, .btn-secondary-custom, .btn-primary-custom, .sidebar-inner .sb-cta, .sidebar-inner .sb-cta-block, .sidebar-inner .sb-cta-light, .ss-wrap .ss-btn, .ss-wrap .ss-btn-primary, .ss-wrap .ss-btn-ghost, .ss-wrap .ss-pdf-btn, .pz-wrap .pz-cta, .pz-wrap .pz-cta-ghost, .nd-wrap .nd-cta, .nd-wrap .nd-cta-light, .nl-wrap .nl-cta, .nl-wrap .nf-submit, .pt-wrap .pt-cta, .ad-wrap .box-download-app .btn, .list-app .btn, .list-app .btn-medium, .pdf-wrap .tasto-inizia-interni, .es-wrap .tasto-inizia-interni-multipli .tasto-inizia-interni, .es-wrap.es-detail .es-nav-btn, .es-wrap.es-detail .es-nav-secondary, .es-wrap.es-detail .es-nav-primary, .es-wrap.es-detail .es-nav-cta, .es-wrap.es-detail .es-nav-pro, .es-wrap.es-detail form.quiz .form-actions .btn-primary, .feedback-button, .feedback-happy, .feedback-unhappy{ border-radius:30px !important; padding:13px 16px !important; font-size:15px !important; font-weight:700 !important; line-height:1.2 !important; min-height:0 !important; height:auto !important } .es-wrap .tasto-inizia-interni-multipli .tasto-inizia-interni{ padding:13px 12px !important } .btn-group > .btn{border-radius:0 !important} .btn-group > .btn:first-child{border-radius:30px 0 0 30px !important} .btn-group > .btn:last-child{border-radius:0 30px 30px 0 !important} .btn-group > .btn:only-child{border-radius:30px !important} #breadcrumbs{margin-bottom:22px !important} #breadcrumbs.bc-truncate-last a:last-of-type{display:inline-block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle} @media (max-width:980px){ #breadcrumbs.bc-truncate-last a:last-of-type{max-width:220px} } @media (max-width:600px){ #breadcrumbs.bc-truncate-last a:last-of-type{max-width:160px} } .es-wrap .box-quiz-interni .qzix-count{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;margin:8px auto 14px auto;padding:6px 14px;background:#eaf2fb;border:1px solid #cfdcec;border-radius:99px;color:#0b3a66;font-size:13px;line-height:1.3;font-weight:500;transition:background .12s ease,border-color .12s ease} .es-wrap .box-quiz-interni:hover .qzix-count{background:#dceaf6;border-color:#a3c4e4} .es-wrap .box-quiz-interni .qzix-count-ico{font-size:15px;line-height:1;display:inline-block;filter:none} .es-wrap .box-quiz-interni .qzix-count-num{font-weight:800;color:#086C9F;font-size:15px;line-height:1.2;letter-spacing:.3px} .es-wrap .box-quiz-interni .qzix-count-lbl{color:#445262;font-size:12.5px;font-weight:500} .es-wrap.es-detail.es-qzsec .qz-materie-list{display:flex;flex-direction:column;gap:12px;margin:0 0 26px 0} .es-wrap.es-detail.es-qzsec .qz-materia-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e3ebf3;border-radius:12px;padding:16px 20px;box-shadow:0 1px 4px rgba(11,58,102,.04);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease} .es-wrap.es-detail.es-qzsec .qz-materia-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(11,58,102,.10);border-color:#cfdcec} .es-wrap.es-detail.es-qzsec .qz-materia-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px} .es-wrap.es-detail.es-qzsec .qz-materia-name{margin:0;font-size:17px !important;font-weight:600 !important;line-height:1.3 !important;color:#0b3a66 !important;border:0 !important;padding:0 !important} .es-wrap.es-detail.es-qzsec .qz-materia-name a{color:#0b3a66 !important;text-decoration:none !important} .es-wrap.es-detail.es-qzsec .qz-materia-name a:hover{color:#0D80C0 !important;text-decoration:none !important} .es-wrap.es-detail.es-qzsec .qz-materia-pro{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#7a5500 !important;text-decoration:none !important;font-weight:600;line-height:1.3;align-self:flex-start;flex-wrap:wrap;padding:2px 0} .es-wrap.es-detail.es-qzsec .qz-materia-pro:hover{color:#5e4100 !important;text-decoration:none !important} .es-wrap.es-detail.es-qzsec .qz-materia-pro:hover .qz-pro-arrow{transform:translateX(2px)} .es-wrap.es-detail.es-qzsec .qz-pro-lock{font-size:13px;line-height:1;flex:0 0 auto;filter:none} .es-wrap.es-detail.es-qzsec .qz-pro-badge{display:inline-block;background:#f7c948;color:#5e4100;font-size:10px;font-weight:800;letter-spacing:1px;padding:2px 7px;border-radius:99px;line-height:1.4;flex:0 0 auto;text-transform:uppercase} .es-wrap.es-detail.es-qzsec .qz-pro-text{flex:0 1 auto} .es-wrap.es-detail.es-qzsec .qz-pro-arrow{flex:0 0 auto;transition:transform .15s ease;color:#7a5500} .es-wrap.es-detail.es-qzsec .qz-materia-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#0D80C0;color:#fff !important;border-radius:99px;padding:10px 18px;font-weight:700;font-size:14px;text-decoration:none !important;line-height:1;transition:background .12s ease,transform .12s ease;box-shadow:0 2px 6px rgba(13,128,192,.25);white-space:nowrap} .es-wrap.es-detail.es-qzsec .qz-materia-btn:hover{background:#0a6396;transform:translateX(2px);color:#fff !important;text-decoration:none !important} .es-wrap.es-detail.es-qzsec .qz-materia-btn svg{width:14px;height:14px;flex:0 0 auto} .es-wrap.es-detail.es-qzsec .altre-materie, .es-wrap.es-detail.es-qzarg .altre-materie{margin:28px 0 22px 0;padding:22px 22px;background:#eaf2fb;border:1px solid #d6e3f1;border-radius:12px} .es-wrap.es-detail.es-qzsec .altre-materie-titolo, .es-wrap.es-detail.es-qzarg .altre-materie-titolo{color:#0b3a66 !important;font-size:17px !important;font-weight:700 !important;margin:0 0 14px 0 !important;border:0 !important;padding:0 !important;line-height:1.3 !important} .es-wrap.es-detail.es-qzsec .chips, .es-wrap.es-detail.es-qzarg .chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0} .es-wrap.es-detail.es-qzsec .chips__item, .es-wrap.es-detail.es-qzarg .chips__item{margin:0} .es-wrap.es-detail.es-qzsec .chips__link, .es-wrap.es-detail.es-qzarg .chips__link{display:inline-block;padding:7px 14px;background:#fff;border:1px solid #cfdcec;border-radius:99px;color:#0b3a66 !important;font-size:13px;font-weight:500;text-decoration:none !important;transition:background .12s ease,border-color .12s ease,color .12s ease} .es-wrap.es-detail.es-qzsec .chips__link:hover, .es-wrap.es-detail.es-qzarg .chips__link:hover, .es-wrap.es-detail.es-qzsec .chips__link:focus, .es-wrap.es-detail.es-qzarg .chips__link:focus{background:#0D80C0 !important;border-color:#0D80C0 !important;color:#fff !important;text-decoration:none !important} .es-wrap.es-detail.es-qzsec .sezione-seo{color:#445262;line-height:1.6;font-size:14.5px;margin:24px 0 22px 0} .es-wrap.es-detail.es-qzsec .sezione-seo p{margin:0 0 12px 0} .es-wrap.es-detail.es-qzsec .faq{margin:0 0 28px 0;padding:0;border:0} .es-wrap.es-detail.es-qzsec .faq-titolo-faq{color:#0b3a66 !important;font-size:22px !important;font-weight:700 !important;margin:0 0 18px 0 !important;padding:0 0 10px 0 !important;border:0 !important;border-bottom:2px solid #e3ebf3 !important;line-height:1.3 !important;text-shadow:none !important} .es-wrap.es-detail.es-qzsec .faq-list{list-style:none !important;padding:0 !important;margin:0 !important;display:flex;flex-direction:column;gap:10px} .es-wrap.es-detail.es-qzsec .faq-item{background:#fff;border:1px solid #e3ebf3;border-radius:12px;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease} .es-wrap.es-detail.es-qzsec .faq-item:hover{box-shadow:0 2px 8px rgba(11,58,102,.07);border-color:#cfdcec} .es-wrap.es-detail.es-qzsec .faq-q{margin:0;padding:0} .es-wrap.es-detail.es-qzsec .faq-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:transparent;border:0;text-align:left;font:inherit;color:#0b3a66;font-weight:600;font-size:15.5px;line-height:1.4;cursor:pointer;transition:background .12s ease,color .12s ease;border-radius:12px} .es-wrap.es-detail.es-qzsec .faq-toggle:hover{background:#f1f6fb;color:#0D80C0} .es-wrap.es-detail.es-qzsec .faq-toggle[aria-expanded="true"]{background:#f1f6fb;color:#0D80C0;border-radius:12px 12px 0 0} .es-wrap.es-detail.es-qzsec .faq-q-text{flex:1 1 auto;text-align:left} .es-wrap.es-detail.es-qzsec .faq-icon{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#eaf2fb;border-radius:50%;transition:background .15s ease,color .15s ease;color:#0D80C0} .es-wrap.es-detail.es-qzsec .faq-icon::before, .es-wrap.es-detail.es-qzsec .faq-toggle[aria-expanded="true"] .faq-icon::before{content:none !important} .es-wrap.es-detail.es-qzsec .faq-icon svg{width:16px;height:16px;transition:transform .2s ease} .es-wrap.es-detail.es-qzsec .faq-toggle[aria-expanded="true"] .faq-icon{background:#0D80C0;color:#fff} .es-wrap.es-detail.es-qzsec .faq-toggle[aria-expanded="true"] .faq-icon svg{transform:rotate(180deg)} .es-wrap.es-detail.es-qzsec .faq-a{margin:0;padding:0;border-top:1px solid #e3ebf3;color:#445262;font-size:14.5px;line-height:1.65} .es-wrap.es-detail.es-qzsec .faq-a[hidden]{display:none !important} .es-wrap.es-detail.es-qzsec .faq-a-inner{padding:16px 20px} .es-wrap.es-detail.es-qzsec .faq-a-inner > *:first-child{margin-top:0} .es-wrap.es-detail.es-qzsec .faq-a-inner > *:last-child{margin-bottom:0} .es-wrap.es-detail.es-qzsec .faq-a-inner p{margin:0 0 10px 0} .es-wrap.es-detail.es-qzsec .faq-a-inner ul, .es-wrap.es-detail.es-qzsec .faq-a-inner ol{margin:0 0 10px 0;padding-left:22px} .es-wrap.es-detail.es-qzsec .faq-a-inner li{margin-bottom:4px} .es-wrap.es-detail.es-qzsec .faq-a-inner a{color:#0D80C0;text-decoration:underline} .es-wrap.es-detail.es-qzsec .faq-a-inner a:hover{color:#0a6396} .es-wrap.es-detail.es-qzsec .faq-a-inner strong, .es-wrap.es-detail.es-qzsec .faq-a-inner b{color:#0b3a66} .es-wrap.es-detail.es-qzarg .qz-questions-list{display:flex;flex-direction:column;gap:8px;margin:0 0 26px 0} .es-wrap.es-detail.es-qzarg .qz-question-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3ebf3;border-radius:10px;padding:14px 18px;text-decoration:none !important;color:#0b3a66 !important;box-shadow:0 1px 3px rgba(11,58,102,.03);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease} .es-wrap.es-detail.es-qzarg .qz-question-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(11,58,102,.10);border-color:#0D80C0;background:#f8fbfe;text-decoration:none !important} .es-wrap.es-detail.es-qzarg .qz-q-text{flex:1 1 auto;min-width:0;font-size:14.5px;line-height:1.5;color:#0b3a66 !important;font-weight:500} .es-wrap.es-detail.es-qzarg .qz-q-meta{flex:0 0 auto;font-size:12px;color:#445262;background:#eaf2fb;padding:5px 10px;border-radius:99px;white-space:nowrap;line-height:1.3} .es-wrap.es-detail.es-qzarg .qz-q-meta strong{color:#0D80C0;font-weight:700;margin-right:2px} .es-wrap.es-detail.es-qzarg .qz-q-arrow{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#eaf2fb;border-radius:50%;color:#0D80C0;transition:background .12s ease,color .12s ease,transform .12s ease} .es-wrap.es-detail.es-qzarg .qz-q-arrow svg{width:14px;height:14px} .es-wrap.es-detail.es-qzarg .qz-question-card:hover .qz-q-arrow{background:#0D80C0;color:#fff;transform:translateX(2px)} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap{margin:26px 0 22px 0;display:flex;justify-content:center;max-width:100%;overflow:hidden} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap .pagination{margin:0;float:none;display:flex;max-width:100%} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap .pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0;margin:0;background:transparent;box-shadow:none;border-radius:0;max-width:100%} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap .pagination li{display:inline-block;float:none} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap .pagination li a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;background:#fff;border:1px solid #e3ebf3 !important;border-radius:8px !important;color:#0b3a66 !important;font-weight:600;font-size:14px;text-decoration:none !important;transition:background .12s ease,border-color .12s ease,color .12s ease;box-sizing:border-box} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap .pagination li a:hover{background:#0D80C0;border-color:#0D80C0 !important;color:#fff !important;text-decoration:none !important} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap .pagination li.active a{background:#0D80C0;border-color:#0D80C0 !important;color:#fff !important} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap .pagination .pg-chevron{width:16px;height:16px;display:inline-block;vertical-align:middle;color:currentColor} @media (max-width:600px){ .es-wrap.es-detail.es-qzarg .qz-question-card{padding:12px 14px;gap:10px;flex-wrap:wrap} .es-wrap.es-detail.es-qzarg .qz-q-text{font-size:14px;flex:1 1 100%;order:1} .es-wrap.es-detail.es-qzarg .qz-q-meta{font-size:11.5px;order:2;padding:4px 9px} .es-wrap.es-detail.es-qzarg .qz-q-arrow{width:26px;height:26px;order:3;margin-left:auto} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap{padding:0 8px} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap .pagination ul{gap:5px} .es-wrap.es-detail.es-qzarg .qz-pagination-wrap .pagination li a{min-width:34px;height:34px;font-size:13px;padding:0 8px} } .es-wrap.es-detail.es-qzq .qzq-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 14px 0} .es-wrap.es-detail.es-qzq .qzq-meta-num, .es-wrap.es-detail.es-qzq .qzq-meta-tag{display:inline-block;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.95);font-size:11.5px;font-weight:500;padding:4px 11px;border-radius:99px;letter-spacing:0;text-transform:none} .es-wrap.es-detail.es-qzq .es-detail-hero h1{color:#fff !important;font-size:24px !important;font-weight:700 !important;line-height:1.3 !important;margin:0 0 10px 0 !important;border:0 !important;padding:0 !important;text-shadow:0 1px 2px rgba(0,0,0,.12)} .es-wrap.es-detail.es-qzq .es-detail-hero h1 .fs-15{display:block;font-size:13px !important;font-weight:500 !important;color:rgba(255,255,255,.78) !important;line-height:1.3;margin:0 0 4px 0;letter-spacing:.3px} .es-wrap.es-detail.es-qzq .es-detail-hero h2{color:rgba(255,255,255,.92) !important;font-size:15px !important;font-weight:500 !important;line-height:1.5 !important;margin:6px 0 0 0 !important;padding:0 !important;border:0 !important;text-shadow:none !important;background:transparent !important} .es-wrap.es-detail.es-qzq .qzq-image-wrap{display:flex;justify-content:center;margin:0 0 22px 0} .es-wrap.es-detail.es-qzq .qzq-image{display:block;max-width:100%;height:auto;border-radius:12px;border:1px solid #e3ebf3;box-shadow:0 2px 10px rgba(11,58,102,.08);background:#fff} .es-wrap.es-detail.es-qzq .qzq-options{display:flex;flex-direction:column;gap:10px;margin:0 0 26px 0} .es-wrap.es-detail.es-qzq .qzq-option{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1.5px solid #e3ebf3;border-radius:12px;padding:14px 18px;color:#445262;font-size:15px;line-height:1.55;box-shadow:0 1px 3px rgba(11,58,102,.03);transition:border-color .12s ease,background .12s ease} .es-wrap.es-detail.es-qzq .qzq-option-marker{display:none} .es-wrap.es-detail.es-qzq .qzq-option-correct .qzq-option-marker{display:inline-flex;flex:0 0 auto;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:#19b061;color:#fff;margin-top:1px} .es-wrap.es-detail.es-qzq .qzq-option-text{flex:1 1 auto;min-width:0} .es-wrap.es-detail.es-qzq .qzq-option-check{width:12px;height:12px} .es-wrap.es-detail.es-qzq .qzq-option-correct{background:#e8f6ed;border-color:#19b061;box-shadow:0 2px 10px rgba(25,176,97,.10)} .es-wrap.es-detail.es-qzq .qzq-option-correct .qzq-option-text{color:#1a6938;font-weight:600} .es-wrap.es-detail.es-qzq .pager-quiz{margin:22px 0 26px 0} .es-wrap.es-detail.es-qzq .pager-quiz__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f1f6fb;border:1px solid #cfdcec;border-radius:12px;padding:12px 16px} .es-wrap.es-detail.es-qzq .pager-quiz__prev, .es-wrap.es-detail.es-qzq .pager-quiz__next{flex:0 1 auto;min-width:0} .es-wrap.es-detail.es-qzq .pager-quiz__pos{flex:1 1 auto;text-align:center;color:#0b3a66;font-weight:700;font-size:14px;letter-spacing:.3px} .es-wrap.es-detail.es-qzq .pager-quiz a.btn, .es-wrap.es-detail.es-qzq .pager-quiz a.btn-link{display:inline-flex;align-items:center;gap:6px;background:#fff !important;color:#0D80C0 !important;border:1px solid #cfdcec !important;border-radius:99px !important;padding:8px 16px !important;font-weight:600 !important;font-size:13.5px !important;text-decoration:none !important;text-shadow:none !important;line-height:1.2 !important;transition:background .12s ease,border-color .12s ease,color .12s ease;height:auto !important;min-height:0 !important} .es-wrap.es-detail.es-qzq .pager-quiz a.btn:hover, .es-wrap.es-detail.es-qzq .pager-quiz a.btn-link:hover{background:#0D80C0 !important;border-color:#0D80C0 !important;color:#fff !important;text-decoration:none !important} .es-wrap.es-detail.es-qzq .pager-quiz .pq-arrow{width:14px;height:14px;flex:0 0 auto;color:currentColor} .es-wrap.es-detail.es-qzq .pager-quiz .pq-label{display:inline-block} .es-wrap.es-detail.es-qzq .pager-quiz .prev::before, .es-wrap.es-detail.es-qzq .pager-quiz .next::after{content:none !important;display:none !important} .es-wrap.es-detail.es-qzq .altre-materie{margin:28px 0 22px 0;padding:22px 22px;background:#eaf2fb;border:1px solid #d6e3f1;border-radius:12px} .es-wrap.es-detail.es-qzq .altre-materie-titolo{color:#0b3a66 !important;font-size:17px !important;font-weight:700 !important;margin:0 0 14px 0 !important;border:0 !important;padding:0 !important;line-height:1.3 !important} .es-wrap.es-detail.es-qzq .chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0} .es-wrap.es-detail.es-qzq .chips__item{margin:0} .es-wrap.es-detail.es-qzq .chips__link{display:inline-block;padding:7px 14px;background:#fff;border:1px solid #cfdcec;border-radius:99px;color:#0b3a66 !important;font-size:13px;font-weight:500;text-decoration:none !important;transition:background .12s ease,border-color .12s ease,color .12s ease} .es-wrap.es-detail.es-qzq .chips__link:hover, .es-wrap.es-detail.es-qzq .chips__link:focus{background:#0D80C0 !important;border-color:#0D80C0 !important;color:#fff !important;text-decoration:none !important} .es-wrap.es-detail .es-nav-pro{display:inline-flex;align-items:center;gap:8px;background:#0b3a66 !important;color:#fff !important;border:0 !important;box-shadow:0 2px 8px rgba(11,58,102,.25)} .es-wrap.es-detail .es-nav-pro:hover{background:#062a4d !important;color:#fff !important} .es-wrap.es-detail .qzq-pro-lock{font-size:14px;line-height:1;flex:0 0 auto} .es-wrap.es-detail .qzq-pro-badge{display:inline-block;background:#f7c948;color:#5e4100;font-size:10px;font-weight:800;letter-spacing:1px;padding:2px 7px;border-radius:99px;line-height:1.4;flex:0 0 auto;text-transform:uppercase} @media (max-width:600px){ .es-wrap.es-detail.es-qzq .es-detail-hero h1{font-size:19px !important} .es-wrap.es-detail.es-qzq .es-detail-hero h1 .fs-15{font-size:12px !important} .es-wrap.es-detail.es-qzq .es-detail-hero h2{font-size:14px !important} .es-wrap.es-detail.es-qzq .qzq-meta-num, .es-wrap.es-detail.es-qzq .qzq-meta-tag{font-size:11px;padding:3px 9px} .es-wrap.es-detail.es-qzq .qzq-option{padding:12px 14px;gap:10px;font-size:14px} .es-wrap.es-detail.es-qzq .qzq-option-marker{width:22px;height:22px} .es-wrap.es-detail.es-qzq .qzq-option-check{width:12px;height:12px} .es-wrap.es-detail.es-qzq .pager-quiz__inner{padding:10px 12px;gap:10px;flex-wrap:nowrap} .es-wrap.es-detail.es-qzq .pager-quiz__pos{order:2;flex:1 1 auto;font-size:13px;text-align:center;min-width:0} .es-wrap.es-detail.es-qzq .pager-quiz__prev{order:1;flex:0 0 auto} .es-wrap.es-detail.es-qzq .pager-quiz__next{order:3;flex:0 0 auto} .es-wrap.es-detail.es-qzq .pager-quiz a.btn, .es-wrap.es-detail.es-qzq .pager-quiz a.btn-link{padding:0 !important;width:48px !important;height:48px !important;min-height:48px !important;justify-content:center;gap:0 !important;flex:0 0 48px} .es-wrap.es-detail.es-qzq .pager-quiz .pq-label{display:none} .es-wrap.es-detail.es-qzq .pager-quiz .pq-arrow{width:20px;height:20px} .es-wrap.es-detail.es-qzq .altre-materie{padding:18px 16px} .es-wrap.es-detail.es-qzq .altre-materie-titolo{font-size:15.5px !important} } @media (max-width:600px){ .es-wrap.es-detail.es-qzsec .qz-materia-card{padding:14px 16px;gap:10px;flex-wrap:wrap} .es-wrap.es-detail.es-qzsec .qz-materia-name{font-size:15.5px !important} .es-wrap.es-detail.es-qzsec .qz-materia-pro{font-size:12px} .es-wrap.es-detail.es-qzsec .qz-materia-btn{padding:9px 14px;font-size:13px} .es-wrap.es-detail.es-qzsec .qz-materia-btn svg{width:12px;height:12px} .es-wrap.es-detail.es-qzsec .altre-materie, .es-wrap.es-detail.es-qzarg .altre-materie{padding:18px 16px} .es-wrap.es-detail.es-qzsec .altre-materie-titolo, .es-wrap.es-detail.es-qzarg .altre-materie-titolo{font-size:15.5px !important} .es-wrap.es-detail.es-qzsec .faq-titolo-faq{font-size:18px !important} .es-wrap.es-detail.es-qzsec .faq-toggle{padding:14px 16px;font-size:14.5px;gap:12px} .es-wrap.es-detail.es-qzsec .faq-icon{width:24px;height:24px} .es-wrap.es-detail.es-qzsec .faq-icon svg{width:14px;height:14px} .es-wrap.es-detail.es-qzsec .faq-a-inner{padding:14px 16px;font-size:14px} } .navbar.navbar-fixed-bottom, .navbar-fixed-bottom { position: relative !important; bottom: auto !important; left: auto !important; right: auto !important; z-index: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 24px; border-top: 1px solid #e3ebf3; background-color: #fff; } #top-message.top-message, .top-message { background-color: #0b3a66 !important; background-image: linear-gradient(90deg, #0b3a66 0%, #0b5394 100%) !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; box-shadow: 0 1px 4px rgba(0,0,0,.12) !important; transition: transform .25s ease, opacity .25s ease; } .top-message.hidden { transform: translateY(-100%); opacity: 0; pointer-events: none; } .top-message .top-msg-left a { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #fff !important; font-weight: 500 !important; font-size: 14.5px !important; line-height: 1.35 !important; letter-spacing: .1px; transition: opacity .15s ease; } .top-message .top-msg-left a:hover { opacity: .9; color: #fff !important; text-decoration: none !important; } .top-msg-icon { font-size: 18px; line-height: 1; flex: 0 0 auto; } .top-msg-arrow { font-size: 14px; line-height: 1; transition: transform .2s ease; display: inline-block; } .top-message a:hover .top-msg-arrow { transform: translateX(3px); } .top-message .top-msg-right { display: table-cell; vertical-align: middle; text-align: right; padding: 10px 20px; } .top-message .top-msg-right .btn { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 7px 18px !important; border-radius: 99px !important; font-weight: 700 !important; font-size: 13.5px !important; border: 1.5px solid transparent !important; text-shadow: none !important; box-shadow: none !important; transition: all .2s ease !important; margin-left: 8px; } .top-message .btn-secondary-custom { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.55) !important; } .top-message .btn-secondary-custom:hover { background: rgba(255,255,255,.12) !important; border-color: #fff !important; color: #fff !important; } .top-message .btn-primary-custom { background: #fff !important; color: #0b3a66 !important; border-color: #fff !important; box-shadow: 0 2px 8px rgba(0,0,0,.15) !important; } .top-message .btn-primary-custom:hover { background: #eaf2fb !important; color: #0b3a66 !important; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,.22) !important; } @media (max-width: 767px) { .top-message .top-msg-left { padding: 8px 12px; } .top-message .top-msg-left a { font-size: 13px !important; } .top-message .top-msg-left a span:not(.top-msg-icon) { } .top-message .top-msg-right { padding: 8px 12px; } .top-message .top-msg-right .btn { padding: 6px 12px !important; font-size: 12.5px !important; margin-left: 4px; } .top-message .btn-secondary-custom { display: none !important; } } .navbar-fixed-top, .navbar.navbar-fixed-top, .navbar.is-home.navbar-fixed-top, .navbar.not-home.navbar-fixed-top { transition: background-color .3s ease, background-image .3s ease, padding .25s ease, box-shadow .25s ease !important; } .navbar-cta-permanent { display: inline-flex !important; align-items: center !important; gap: 6px; padding: 9px 20px !important; background: #fff !important; color: #0b3a66 !important; border-radius: 99px !important; font-weight: 700 !important; font-size: 14px !important; text-decoration: none !important; border: 1.5px solid #fff !important; box-shadow: 0 4px 14px rgba(0,0,0,.18) !important; transition: all .2s ease !important; letter-spacing: .3px; margin-left: 8px; white-space: nowrap; } .navbar-cta-permanent:hover { background: #eaf2fb !important; color: #0b3a66 !important; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.24) !important; text-decoration: none !important; } .navbar-cta-permanent .arrow { transition: transform .2s ease; } .navbar-cta-permanent:hover .arrow { transform: translateX(3px); } .selettore-lingua-desktop a.primo-item.is-active, .selettore-lingua-desktop a.ultimo-item.is-active, .selettore-lingua-mobile a.primo-item.is-active, .selettore-lingua-mobile a.ultimo-item.is-active { background: #eaf2fb !important; color: #0b3a66 !important; font-weight: 700; border-radius: 6px; } @media (max-width: 767px) { .selettore-lingua-mobile { width: auto !important; max-width: 280px !important; min-width: 220px !important; right: 12px !important; left: auto !important; padding: 8px 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,.18); border-radius: 10px !important; z-index: 1050; } .selettore-lingua-mobile p { margin: 0; padding: 0; } .selettore-lingua-mobile a { display: flex !important; align-items: center; gap: 10px; padding: 10px 12px !important; min-height: 44px; border-radius: 6px; white-space: nowrap; } .selettore-lingua-mobile a:hover, .selettore-lingua-mobile a:focus { background: #f1f6fb; } } .navbar.navbar-fixed-bottom .footer-legal-row { padding: 12px 16px; } .navbar.navbar-fixed-bottom, .navbar-fixed-bottom { position: relative !important; bottom: auto !important; left: auto !important; right: auto !important; z-index: auto !important; margin-top: 0 !important; } .container.contenitore-generale { display: flow-root; } @media (max-width: 991px) { .container-mobile-menu-flex { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 8px 12px !important; width: 100% !important; } .container-mobile-menu-flex .homelogo-mobile { width: auto !important; flex: 1 1 auto; text-align: left; } .container-mobile-menu-flex .homelogo-mobile img { height: 36px; width: auto; } .navbar .btn-navbar { width: auto !important; order: 3; padding: 8px 10px !important; background: transparent !important; border: 0 !important; font-size: 0 !important; color: transparent !important; line-height: 1; cursor: pointer; position: relative; } .navbar .btn-navbar img { width: 30px !important; height: 30px !important; filter: brightness(0) invert(1); } .container-mobile-menu-flex .select-lingua-mobile { display: none !important; } .nav-collapse, .nav-collapse.collapse { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 85% !important; max-width: 360px !important; height: 100vh !important; background: #fff !important; border-radius: 0 !important; box-shadow: -8px 0 32px rgba(0,0,0,.24) !important; transform: translateX(100%); transition: transform .3s ease; overflow-y: auto !important; overflow-x: hidden !important; padding: 60px 0 24px 0 !important; margin: 0 !important; z-index: 1060 !important; } .nav-collapse.in, .nav-collapse.collapse.in { height: 100vh !important; transform: translateX(0) !important; } .v2-menu-close { position: absolute; top: 12px; right: 16px; font-size: 32px; line-height: 1; color: #0b3a66; font-weight: 300; cursor: pointer; z-index: 10; width: 40px; height: 40px; text-align: center; border-radius: 50%; transition: background .15s ease; border: 0; background: transparent; padding: 0; display: flex; align-items: center; justify-content: center; } .v2-menu-close:hover { background: #f1f6fb; } .nav-collapse ul.nav { margin: 0 !important; padding: 0 !important; list-style: none !important; display: block !important; } .nav-collapse .blocco1.v2-nav-logo { display: none !important; } .nav-collapse .blocco2, .nav-collapse .blocco2.v2-nav-menu, .nav-collapse .blocco3, .nav-collapse .blocco3.v2-nav-actions { width: 100% !important; display: block !important; text-align: left !important; padding: 0 !important; margin: 0 !important; } .nav-collapse .navbar-cta-li { margin: 18px 22px 0 22px !important; border-bottom: 0 !important; } .nav-collapse .navbar-cta-li a.navbar-cta-permanent { width: 100%; justify-content: center; background: linear-gradient(135deg, #0b3a66 0%, #0b5394 50%, #1e88e5 100%) !important; color: #fff !important; border-color: transparent !important; padding: 14px 20px !important; font-size: 15px !important; min-height: 52px; } .nav-collapse .navbar-cta-li a.navbar-cta-permanent:hover { background: linear-gradient(135deg, #0a3257 0%, #0a4880 50%, #1976c4 100%) !important; color: #fff !important; } .nav-collapse .selettore-lingua-mobile { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; position: static !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 24px 22px 0 22px !important; padding: 16px 0 0 0 !important; background: transparent !important; border: 0 !important; border-top: 1px solid #e3ebf3 !important; box-shadow: none !important; border-radius: 0 !important; right: auto !important; left: auto !important; float: none !important; } .nav-collapse .selettore-lingua-mobile .v2-lang-label { grid-column: 1 / -1; display: block; font-size: 11px; font-weight: 700; color: #6b7280; letter-spacing: 1.5px; margin-bottom: 6px; text-transform: uppercase; } .nav-collapse .selettore-lingua-mobile p { margin: 0 !important; padding: 0 !important; } .nav-collapse .selettore-lingua-mobile a { display: flex !important; flex-direction: column; align-items: center !important; justify-content: center; gap: 4px !important; padding: 10px 4px !important; min-height: 60px; text-align: center; font-size: 12px !important; font-weight: 600 !important; color: #0b3a66 !important; background: #f1f6fb !important; border-radius: 8px !important; border: 1.5px solid transparent !important; text-decoration: none !important; } .nav-collapse .selettore-lingua-mobile a:hover { background: #dceaf6 !important; border-color: #cfe4f3 !important; } .nav-collapse .selettore-lingua-mobile a img { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover !important; margin: 0 !important; } .nav-collapse .selettore-lingua-mobile a img + img { display: none !important; } .v2-mobile-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 1055; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; cursor: pointer; } .v2-mobile-backdrop.is-active { opacity: 1; visibility: visible; } body.v2-menu-open { overflow: hidden; } } @media (min-width: 992px) { .nav-collapse .selettore-lingua-mobile { display: none !important; } } @media (min-width: 992px) { .navbar-cta-li.voce-menu { padding: 10px 5px !important; } .navbar-cta-li.voce-menu a { padding: 9px 20px !important; } } @supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) { .navbar.navbar-fixed-top.scrolled, .navbar.not-home.navbar-fixed-top { background: radial-gradient(ellipse at center, rgba(25, 110, 165, 0.92) 0%, rgba(0, 82, 150, 0.92) 100%) !important; -webkit-backdrop-filter: blur(14px) saturate(150%) !important; backdrop-filter: blur(14px) saturate(150%) !important; } } .skip-to-content { position: absolute; top: -100px; left: 0; background: #0b3a66; color: #fff; padding: 12px 22px; text-decoration: none; font-weight: 700; border-radius: 0 0 8px 0; z-index: 10000; transition: top .2s ease; } .skip-to-content:focus { top: 0; outline: 3px solid #fff; color: #fff; text-decoration: none; } .navbar .voce-menu a:focus-visible, .top-message a:focus-visible, .selettore-lingua-desktop a:focus-visible, .selettore-lingua-mobile a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; border-radius: 4px; } @media (min-width: 992px) { ul.nav.pull-right.v2-nav-wrapper { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 1400px; margin: 0 auto !important; padding: 0 24px !important; list-style: none !important; float: none !important; gap: 24px; } .v2-nav-logo { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; } .v2-nav-logo .voce-menu, .v2-nav-logo li { padding: 0 !important; list-style: none !important; } .v2-nav-logo .homelogo { height: 48px !important; width: auto !important; max-height: 48px !important; display: block; } .navbar.navbar-fixed-top.scrolled .v2-nav-logo .homelogo, .navbar.not-home.navbar-fixed-top .v2-nav-logo .homelogo { height: 44px !important; } .v2-nav-menu { width: auto !important; flex: 1 1 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .v2-nav-menu .voce-menu { padding: 0 !important; list-style: none !important; position: relative; } .v2-nav-menu .voce-menu > a, .v2-nav-menu .voce-menu > a:link, .v2-nav-menu .voce-menu > a:visited { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 10px 16px !important; color: #fff !important; font-weight: 600 !important; font-size: 14.5px !important; text-decoration: none !important; border-radius: 8px !important; transition: background .15s ease, color .15s ease; letter-spacing: .2px; } .v2-nav-menu .voce-menu > a:hover, .v2-nav-menu .voce-menu > a:focus { background: rgba(255,255,255,.12) !important; color: #fff !important; text-decoration: none !important; } .v2-nav-menu .v2-caret { font-size: 13px; line-height: 1; margin-left: 5px; transition: transform .2s ease; display: inline-block; } .v2-nav-menu .v2-has-dropdown.is-open > .v2-dd-trigger .v2-caret, .v2-nav-menu .v2-has-dropdown:hover > .v2-dd-trigger .v2-caret { transform: rotate(180deg); } .v2-nav-menu .v2-dropdown-menu { position: absolute; top: 100%; left: 0; min-width: 280px; background: #fff; border: 1px solid #e3ebf3; border-radius: 12px; box-shadow: 0 12px 32px rgba(11,58,102,.18); padding: 12px 8px 8px 8px; margin-top: -4px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; z-index: 1050; pointer-events: none; } .v2-nav-menu .v2-has-dropdown:hover > .v2-dropdown-menu, .v2-nav-menu .v2-has-dropdown.is-open > .v2-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .v2-dropdown-menu .v2-dd-item { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 14px !important; color: #0b3a66 !important; text-decoration: none !important; border-radius: 8px !important; text-align: left !important; transition: background .15s ease, transform .15s ease; } .v2-dropdown-menu .v2-dd-item:not(.v2-dd-item-all) span, .v2-dropdown-menu .v2-dd-item:not(.v2-dd-item-all) strong, .v2-dropdown-menu .v2-dd-item:not(.v2-dd-item-all) em { text-align: left !important; align-items: flex-start !important; } .v2-dropdown-menu .v2-dd-item:hover { background: #f1f6fb !important; color: #0b3a66 !important; transform: translateX(2px); text-decoration: none !important; } .v2-dropdown-menu .v2-dd-item img { width: 28px !important; height: 28px !important; flex: 0 0 28px; object-fit: contain; filter: brightness(.4) sepia(1) hue-rotate(180deg) saturate(3); } .v2-dropdown-menu .v2-dd-item span { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; } .v2-dropdown-menu .v2-dd-item strong { font-size: 14px; font-weight: 700; color: #0b3a66; line-height: 1.3; } .v2-dropdown-menu .v2-dd-item em { font-size: 12px; font-weight: 400; color: #6b7280; font-style: normal; line-height: 1.3; } .v2-nav-actions { width: auto !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .v2-nav-actions .voce-menu { padding: 0 !important; list-style: none !important; margin: 0 !important; } .v2-nav-actions #language-select-desktop { position: relative; } .v2-nav-actions #language-select-desktop > div { cursor: pointer; padding: 8px 10px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; border-radius: 8px; transition: background .15s ease; } .v2-nav-actions #language-select-desktop > div:hover { background: rgba(255,255,255,.12) !important; } .v2-nav-actions #language-select-desktop .lingua-mondo { width: 22px !important; height: 22px !important; filter: brightness(0) invert(1); } .v2-nav-actions #language-select-desktop .lingua-arrow { width: 14px !important; height: 14px !important; filter: brightness(0) invert(1); transition: transform .2s ease; } .v2-nav-actions #language-select-desktop:hover .lingua-arrow { transform: rotate(180deg); } .v2-nav-actions .selettore-lingua-desktop { position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; min-width: 220px !important; background: #fff !important; border: 1px solid #e3ebf3 !important; border-radius: 14px !important; box-shadow: 0 16px 40px rgba(11,58,102,.22), 0 4px 12px rgba(11,58,102,.08) !important; padding: 12px 8px 8px 8px !important; margin-top: -4px !important; background-clip: padding-box !important; z-index: 1050 !important; display: block !important; opacity: 0; visibility: hidden; transform: translateY(-8px); pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s; } .v2-nav-actions .selettore-lingua-desktop .v2-lang-label { display: block; font-size: 10.5px; font-weight: 700; color: #6b7280; letter-spacing: 1.3px; text-transform: uppercase; padding: 6px 10px 8px; border-bottom: 1px solid #eef2f7; margin-bottom: 6px; } .v2-nav-actions .selettore-lingua-desktop p { margin: 0 !important; padding: 0 !important; } .v2-nav-actions .selettore-lingua-desktop a { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 12px !important; color: #0b3a66 !important; font-weight: 600 !important; font-size: 14px !important; text-decoration: none !important; border-radius: 8px !important; border: 0 !important; text-transform: uppercase; letter-spacing: .4px; transition: background .15s ease, transform .15s ease, padding-left .15s ease; position: relative; } .v2-nav-actions .selettore-lingua-desktop a:hover { background: #eff5fb !important; text-decoration: none !important; padding-left: 16px !important; } .v2-nav-actions .selettore-lingua-desktop a:hover::after { content: "\2192"; position: absolute; right: 12px; color: #0D80C0; font-weight: 700; opacity: 1; transition: opacity .15s ease, right .15s ease; } .v2-nav-actions .selettore-lingua-desktop a::after { content: ""; opacity: 0; } .v2-nav-actions .selettore-lingua-desktop a img { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0; box-shadow: 0 1px 2px rgba(0,0,0,.08); } .navbar.navbar-fixed-top.scrolled .v2-nav-menu .voce-menu > a:hover, .navbar.not-home.navbar-fixed-top .v2-nav-menu .voce-menu > a:hover { background: rgba(255,255,255,.15) !important; } } @media (max-width: 991px) { ul.nav.pull-right.v2-nav-wrapper { display: block; } .nav-collapse .v2-nav-logo { display: none !important; } .nav-collapse .v2-nav-menu { display: block !important; } .nav-collapse .v2-has-dropdown > .v2-dd-trigger { cursor: pointer; justify-content: space-between; } .nav-collapse .v2-has-dropdown .v2-caret { margin-left: auto; } .nav-collapse .v2-has-dropdown.is-open .v2-caret { transform: rotate(180deg); } .nav-collapse .v2-dropdown-menu { display: none; background: #fafbfc; padding: 4px 0; border-bottom: 1px solid #e3ebf3; } .nav-collapse .v2-has-dropdown.is-open .v2-dropdown-menu { display: block; } .nav-collapse .v2-dd-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 22px 10px 50px !important; color: #0b3a66 !important; font-size: 14px !important; text-decoration: none !important; min-height: 44px; } .nav-collapse .v2-dd-item:hover { background: #f1f6fb !important; } .nav-collapse .v2-dd-item img { width: 18px !important; height: 18px !important; filter: brightness(.4) sepia(1) hue-rotate(180deg) saturate(3); flex: 0 0 18px; } .nav-collapse .v2-dd-item strong { font-size: 14px; font-weight: 700; line-height: 1.3; } .nav-collapse .v2-dd-item em { display: none; } .nav-collapse .v2-nav-actions { display: block !important; } } .v2-menu-close { display: none; } @media (max-width: 991px) { .v2-menu-close { display: flex !important; position: absolute !important; top: 12px !important; right: 16px !important; font-size: 32px !important; line-height: 1 !important; color: #0b3a66 !important; font-weight: 300 !important; cursor: pointer !important; z-index: 10 !important; width: 40px !important; height: 40px !important; text-align: center !important; border-radius: 50% !important; transition: background .15s ease !important; border: 0 !important; background: transparent !important; padding: 0 !important; align-items: center !important; justify-content: center !important; } .v2-menu-close:hover { background: #f1f6fb !important; } } @media (max-width: 991px) { .nav-collapse, .nav-collapse.collapse { position: fixed !important; } } @media (min-width: 992px) { ul.nav.pull-right.v2-nav-wrapper { max-width: 1280px !important; padding-left: 40px !important; padding-right: 40px !important; } } @media (min-width: 1200px) { ul.nav.pull-right.v2-nav-wrapper { padding-left: 56px !important; padding-right: 56px !important; } } @media (min-width: 1500px) { ul.nav.pull-right.v2-nav-wrapper { padding-left: 80px !important; padding-right: 80px !important; } } @media (min-width: 992px) { .navbar.navbar-fixed-top .navbar-inner { padding-left: 40px !important; padding-right: 40px !important; } .navbar.navbar-fixed-top .navbar-inner > .container, .navbar.navbar-fixed-top .navbar-inner > .container-fluid { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 1200px) { .navbar.navbar-fixed-top .navbar-inner { padding-left: 60px !important; padding-right: 60px !important; } } @media (min-width: 1500px) { .navbar.navbar-fixed-top .navbar-inner { padding-left: 100px !important; padding-right: 100px !important; } } @media (min-width: 1800px) { .navbar.navbar-fixed-top .navbar-inner { padding-left: 140px !important; padding-right: 140px !important; } } @media (min-width: 992px) { ul.nav.pull-right.v2-nav-wrapper { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; } } @media (min-width: 992px) { .nav.pull-right.v2-nav-wrapper, .navbar .nav.pull-right.v2-nav-wrapper { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; list-style: none !important; float: none !important; gap: 24px !important; } .navbar .nav.pull-right.v2-nav-wrapper .blocco1.v2-nav-logo { flex: 0 0 auto !important; width: auto !important; } .navbar .nav.pull-right.v2-nav-wrapper .blocco2.v2-nav-menu { flex: 1 1 auto !important; width: auto !important; display: flex !important; justify-content: center !important; gap: 4px !important; } .navbar .nav.pull-right.v2-nav-wrapper .blocco3.v2-nav-actions { flex: 0 0 auto !important; width: auto !important; display: flex !important; align-items: center !important; gap: 12px !important; } } @media (max-width: 991px) { .container-mobile-menu-flex { padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 600px) { .container-mobile-menu-flex { padding-left: 16px !important; padding-right: 16px !important; } } @media (max-width: 991px) { .container-mobile-menu-flex { box-sizing: border-box !important; } .container-mobile-menu-flex .homelogo-mobile, .navbar-fixed-top .container-mobile-menu-flex .homelogo-mobile { margin-left: 20px !important; } .navbar .btn-navbar, .container-mobile-menu-flex .btn-navbar, .navbar-fixed-top .container-mobile-menu-flex .btn-navbar { margin-right: 20px !important; } } @media (max-width: 600px) { .container-mobile-menu-flex .homelogo-mobile { margin-left: 16px !important; } .container-mobile-menu-flex .btn-navbar { margin-right: 16px !important; } } @media (max-width: 991px) { .nav-collapse .navbar-cta-li a.navbar-cta-permanent { padding: 12px 18px !important; font-size: 14.5px !important; min-height: 46px !important; } } @media (min-width: 992px) { .navbar.navbar-fixed-top > .navbar-inner > .container > a.brand, .navbar.navbar-fixed-top > .navbar-inner > .container-fluid > a.brand { display: none !important; } .nav.pull-right.v2-nav-wrapper, .navbar .nav.pull-right.v2-nav-wrapper { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; gap: 0 !important; justify-content: stretch !important; width: 100% !important; float: none !important; margin: 0 !important; } .navbar .nav.pull-right.v2-nav-wrapper .blocco1.v2-nav-logo { grid-column: 1 !important; justify-self: start !important; flex: none !important; } .navbar .nav.pull-right.v2-nav-wrapper .blocco2.v2-nav-menu { grid-column: 2 !important; justify-self: center !important; display: flex !important; align-items: center !important; gap: 4px !important; flex: none !important; width: auto !important; } .navbar .nav.pull-right.v2-nav-wrapper .blocco3.v2-nav-actions { grid-column: 3 !important; justify-self: end !important; flex: none !important; display: flex !important; align-items: center !important; gap: 12px !important; } } @media (max-width: 991px) { body.v2-menu-open .navbar.navbar-fixed-top { z-index: 1080 !important; } .v2-mobile-backdrop { z-index: 1040 !important; } .nav-collapse, .nav-collapse.collapse { z-index: 1090 !important; } } @media (max-width: 991px) { .nav-collapse .navbar-cta-li { margin: 18px 22px !important; border-bottom: 0 !important; padding: 0 !important; } .nav-collapse .navbar-cta-li a.navbar-cta-permanent, .nav-collapse .navbar-cta-li a { display: inline-flex !important; width: 100% !important; max-width: 100% !important; justify-content: center !important; align-items: center !important; gap: 8px !important; background: #0D80C0 !important; background-image: none !important; color: #fff !important; border: 0 !important; padding: 11px 22px !important; font-size: 14px !important; font-weight: 700 !important; min-height: 44px !important; border-radius: 99px !important; box-shadow: 0 3px 10px rgba(13,128,192,.25) !important; text-decoration: none !important; text-shadow: none !important; letter-spacing: .3px; } .nav-collapse .navbar-cta-li a.navbar-cta-permanent:hover { background: #0a6396 !important; color: #fff !important; } .nav-collapse .navbar-cta-li a.navbar-cta-permanent .arrow { font-size: 14px; line-height: 1; } } @media (max-width: 991px) { .container-mobile-menu-flex { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 8px 20px !important; box-sizing: border-box !important; margin: 0 !important; } .container-mobile-menu-flex .homelogo-mobile { flex: 0 0 auto !important; margin: 0 !important; width: auto !important; } .container-mobile-menu-flex .homelogo-mobile img { height: 36px !important; width: auto !important; display: block; } .navbar .btn-navbar { flex: 0 0 auto !important; width: auto !important; padding: 8px !important; background: transparent !important; border: 0 !important; font-size: 0 !important; color: transparent !important; margin: 0 !important; order: 3; box-shadow: none !important; } .navbar .btn-navbar img { width: 28px !important; height: 28px !important; filter: brightness(0) invert(1); display: block; } .container-mobile-menu-flex .select-lingua-mobile { display: none !important; } .nav-collapse, .nav-collapse.collapse { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 88% !important; max-width: 380px !important; height: 100vh !important; max-height: 100vh !important; background: #fff !important; border-radius: 0 !important; box-shadow: -8px 0 32px rgba(0,0,0,.24) !important; transform: translateX(100%); transition: transform .3s cubic-bezier(.4, 0, .2, 1); overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; padding: 56px 0 24px 0 !important; margin: 0 !important; z-index: 1090 !important; box-sizing: border-box !important; } .nav-collapse.in, .nav-collapse.collapse.in { height: 100vh !important; max-height: 100vh !important; transform: translateX(0) !important; } .v2-menu-close { position: absolute !important; top: 12px !important; right: 16px !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: 0 !important; font-size: 32px !important; line-height: 1 !important; color: #0b3a66 !important; font-weight: 300 !important; cursor: pointer !important; border-radius: 50% !important; z-index: 100 !important; padding: 0 !important; box-shadow: none !important; } .v2-menu-close:hover, .v2-menu-close:focus { background: #f1f6fb !important; outline: none !important; } .nav-collapse .nav.pull-right, .nav-collapse .nav.pull-right.v2-nav-wrapper { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; list-style: none !important; float: none !important; background: transparent !important; box-sizing: border-box !important; } .nav-collapse .blocco1.v2-nav-logo { display: none !important; } .nav-collapse .blocco2, .nav-collapse .blocco2.v2-nav-menu, .nav-collapse .blocco3, .nav-collapse .blocco3.v2-nav-actions { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; float: none !important; text-align: left !important; } .nav-collapse .voce-menu { display: block !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } .nav-collapse .v2-has-dropdown > .v2-dd-trigger { cursor: pointer; justify-content: space-between !important; } .nav-collapse .v2-has-dropdown .v2-caret { margin-left: auto; font-size: 12px; transition: transform .2s ease; display: inline-block; } .nav-collapse .v2-has-dropdown.is-open .v2-caret { transform: rotate(180deg); } .nav-collapse .v2-dropdown-menu { display: none; background: #fafbfc; padding: 4px 0; border-bottom: 1px solid #e3ebf3; } .nav-collapse .v2-has-dropdown.is-open .v2-dropdown-menu { display: block; } .nav-collapse .v2-dd-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 22px 10px 50px !important; color: #0b3a66 !important; font-size: 14px !important; text-decoration: none !important; min-height: 44px; background: transparent !important; transition: background .15s ease; } .nav-collapse .v2-dd-item:hover { background: #f1f6fb !important; } .nav-collapse .v2-dd-item img { width: 20px !important; height: 20px !important; filter: brightness(.4) sepia(1) hue-rotate(180deg) saturate(3); flex: 0 0 20px; } .nav-collapse .v2-dd-item span { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; } .nav-collapse .v2-dd-item strong { font-size: 14px; font-weight: 700; line-height: 1.3; } .nav-collapse .v2-dd-item em { display: none !important; } .nav-collapse .navbar-cta-li { display: block !important; margin-top: 24px !important; margin-right: 22px !important; margin-bottom: 24px !important; margin-left: 22px !important; padding: 0 !important; border-bottom: 0 !important; border-top: 0 !important; box-sizing: border-box !important; width: auto !important; } .nav-collapse #language-select-desktop { display: none !important; } .nav-collapse .navbar-cta-li > div, .nav-collapse .navbar-cta-li > div[title] { width: 100%; padding: 0; margin: 0; background: transparent !important; } .nav-collapse .navbar-cta-li a.navbar-cta-permanent { display: inline-flex !important; width: 100% !important; box-sizing: border-box !important; justify-content: center !important; align-items: center !important; gap: 8px !important; background: #0D80C0 !important; background-image: none !important; color: #fff !important; border: 0 !important; padding: 12px 20px !important; font-size: 14px !important; font-weight: 700 !important; min-height: 46px !important; border-radius: 99px !important; box-shadow: 0 4px 12px rgba(13,128,192,.28) !important; text-decoration: none !important; text-shadow: none !important; letter-spacing: .3px; margin: 0 !important; max-width: 100% !important; } .nav-collapse .navbar-cta-li a.navbar-cta-permanent:hover { background: #0a6396 !important; color: #fff !important; text-decoration: none !important; } .nav-collapse .navbar-cta-li a.navbar-cta-permanent .arrow { font-size: 14px; line-height: 1; display: inline-block; } .nav-collapse .selettore-lingua-mobile { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; position: static !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 22px 8px 22px !important; padding: 16px 0 0 0 !important; background: transparent !important; border: 0 !important; border-top: 1px solid #e3ebf3 !important; box-shadow: none !important; border-radius: 0 !important; right: auto !important; left: auto !important; float: none !important; box-sizing: border-box; } .nav-collapse .selettore-lingua-mobile .v2-lang-label { grid-column: 1 / -1; display: block; font-size: 11px; font-weight: 700; color: #6b7280; letter-spacing: 1.5px; margin-bottom: 6px; text-transform: uppercase; } .nav-collapse .selettore-lingua-mobile p { margin: 0 !important; padding: 0 !important; } .nav-collapse .selettore-lingua-mobile a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; padding: 10px 4px !important; min-height: 56px !important; width: 100% !important; margin: 0 !important; text-align: center !important; font-size: 12px !important; font-weight: 600 !important; color: #0b3a66 !important; background: #f1f6fb !important; border-radius: 8px !important; border: 1.5px solid transparent !important; text-decoration: none !important; box-sizing: border-box !important; } .nav-collapse .selettore-lingua-mobile a:hover, .nav-collapse .selettore-lingua-mobile a:focus { background: #dceaf6 !important; border-color: #cfe4f3 !important; text-decoration: none !important; } .nav-collapse .selettore-lingua-mobile a img { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover !important; margin: 0 !important; } .nav-collapse .selettore-lingua-mobile a img + img { display: none !important; } .v2-mobile-backdrop { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: rgba(0, 0, 0, .5) !important; z-index: 1040 !important; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; cursor: pointer; } .v2-mobile-backdrop.is-active { opacity: 1; visibility: visible; } html.v2-menu-open, body.v2-menu-open { overflow: hidden !important; overscroll-behavior: contain !important; } body.v2-menu-open .navbar.navbar-fixed-top { z-index: 1080 !important; } } @media (max-width: 991px) { .nav-collapse, .nav-collapse.collapse { padding-top: 0 !important; } .v2-menu-header { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid #e3ebf3; background: #fff; } .v2-menu-brand { display: inline-flex; align-items: center; text-decoration: none !important; } .v2-menu-brand img { height: 32px; width: auto; display: block; } .v2-menu-header .v2-menu-close { position: static !important; top: auto !important; right: auto !important; } .nav-collapse .selettore-lingua-mobile a.is-active { background: #0D80C0 !important; color: #fff !important; border-color: #0D80C0 !important; box-shadow: 0 2px 8px rgba(13,128,192,.22); } .nav-collapse .selettore-lingua-mobile a.is-active img { border: 2px solid #fff; } .nav-collapse .selettore-lingua-mobile a.is-active::after { content: "\2713"; position: absolute; top: 4px; right: 6px; font-size: 10px; font-weight: 700; line-height: 1; color: #fff; } .nav-collapse .selettore-lingua-mobile a { position: relative; } } @media (max-width: 991px) { .nav-collapse .selettore-lingua-mobile a.is-active { background: #0D80C0 !important; color: #fff !important; border-color: #0D80C0 !important; box-shadow: 0 2px 8px rgba(13,128,192,.22); font-weight: 700 !important; } .nav-collapse .selettore-lingua-mobile a.is-active img { border: 0 !important; outline: 0 !important; } .nav-collapse .selettore-lingua-mobile a.is-active::after { content: none !important; } .nav-collapse .voce-menu { border-bottom: 1px solid #f1f6fb; } .nav-collapse .voce-menu > a, .nav-collapse .voce-menu > div > a { display: flex !important; align-items: center !important; gap: 12px !important; min-height: 30px !important; padding: 10px 21px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .1px; color: #0b3a66 !important; background: transparent !important; position: relative; text-decoration: none !important; border: 0 !important; text-shadow: none !important; transition: background .15s ease, padding-left .15s ease; } .nav-collapse .voce-menu:not(.v2-has-dropdown):not(.navbar-cta-li) > a::after, .nav-collapse .voce-menu:not(.v2-has-dropdown):not(.navbar-cta-li) > div > a::after { content: "\203A"; margin-left: auto; font-size: 22px; line-height: 1; color: #9aa9b8; font-weight: 400; transition: transform .15s ease, color .15s ease; } .nav-collapse .voce-menu:not(.v2-has-dropdown):not(.navbar-cta-li) > a:hover::after, .nav-collapse .voce-menu:not(.v2-has-dropdown):not(.navbar-cta-li) > div > a:hover::after { color: #0D80C0; transform: translateX(3px); } .nav-collapse .voce-menu > a:hover, .nav-collapse .voce-menu > a:focus, .nav-collapse .voce-menu > div > a:hover, .nav-collapse .voce-menu > div > a:focus { background: #f1f6fb !important; padding-left: 26px !important; color: #0b3a66 !important; } .nav-collapse .v2-has-dropdown > .v2-dd-trigger { font-weight: 700 !important; } .nav-collapse .v2-has-dropdown .v2-caret { font-size: 14px; color: #9aa9b8; font-weight: 400; } .nav-collapse .v2-has-dropdown.is-open .v2-caret { color: #0D80C0; } .nav-collapse .v2-has-dropdown.is-open > .v2-dd-trigger { background: #f1f6fb !important; color: #0b3a66 !important; } .nav-collapse .v2-dd-item { padding: 11px 22px 11px 50px !important; font-size: 14.5px !important; font-weight: 500 !important; color: #445262 !important; min-height: 44px !important; } .nav-collapse .v2-dd-item:hover { background: #fff !important; color: #0b3a66 !important; } .nav-collapse .v2-dd-item strong { font-weight: 600; } } .v2-menu-header { display: none; } @media (max-width: 991px) { .v2-menu-header { display: flex !important; } } @media (max-width: 991px) { body.v2-menu-open #top-message, body.v2-menu-open .top-message { transform: translateY(-100%) !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0 !important; overflow: hidden !important; border: 0 !important; transition: transform .25s ease, opacity .25s ease, height .25s ease, padding .25s ease; } body.v2-menu-open .navbar.navbar-fixed-top { top: 0 !important; } body.v2-menu-open .row-fluid:has(#top-message) { height: 0 !important; overflow: hidden !important; } } @media (max-width: 991px) { .v2-menu-header { background: radial-gradient(ellipse at center, rgba(25, 110, 165, 1) 0%, rgba(0, 82, 150, 1) 100%) !important; border-bottom: 0 !important; padding: 14px 18px !important; } .v2-menu-header .v2-menu-brand img { height: 34px !important; width: auto !important; filter: none !important; } .v2-menu-header .v2-menu-close { color: #fff !important; background: transparent !important; font-weight: 300 !important; } .v2-menu-header .v2-menu-close:hover, .v2-menu-header .v2-menu-close:focus { background: rgba(255,255,255,.15) !important; color: #fff !important; } } @media (max-width: 991px) { .nav-collapse .selettore-lingua-mobile a, .nav-collapse .selettore-lingua-mobile a.is-active { height: auto !important; max-height: none !important; min-height: 56px !important; padding: 10px 4px !important; box-sizing: border-box !important; box-shadow: none !important; } .nav-collapse .selettore-lingua-mobile { margin-bottom: 24px !important; padding-bottom: 8px !important; } .nav-collapse, .nav-collapse.collapse { padding-bottom: 32px !important; } } @media (max-width: 991px) { body .nav-collapse .voce-menu > div, body .nav-collapse .voce-menu:not(.navbar-cta-li) { padding: 0 !important; margin: 0 !important; } body .nav-collapse .blocco2 > div, body .nav-collapse .blocco3 > div:not(.navbar-cta-li) { padding: 0 !important; margin: 0 !important; } } @media (max-width: 991px) { body .nav-collapse .navbar-cta-li { margin-left: 32px !important; margin-right: 32px !important; } } @media (max-width: 991px) { body .nav-collapse, body .nav-collapse.collapse { padding-left: 14px !important; padding-right: 14px !important; } body .nav-collapse .v2-menu-header { margin-left: -14px !important; margin-right: -14px !important; } body .nav-collapse .voce-menu { margin-left: -14px !important; margin-right: -14px !important; padding-left: 0 !important; padding-right: 0 !important; } body .nav-collapse .navbar-cta-li { margin-left: 8px !important; margin-right: 8px !important; } body .nav-collapse .selettore-lingua-mobile { margin-left: 8px !important; margin-right: 8px !important; } } html, body { overflow-x: hidden; overflow-x: clip; } .v2-dropdown-menu .v2-dd-item-all, .nav-collapse .v2-dropdown-menu .v2-dd-item-all { display: block !important; text-align: center !important; border-top: 1px solid #e3ebf3 !important; margin-top: 6px !important; padding: 10px 14px !important; color: #0D80C0 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .2px; background: transparent !important; border-radius: 0 !important; } .v2-dropdown-menu .v2-dd-item-all:hover { color: #0a6396 !important; background: #f8fafc !important; } @media (max-width: 991px) { .nav-collapse .v2-dropdown-menu .v2-dd-item-all { padding: 12px 22px !important; text-align: left !important; } } @media (min-width: 992px) { .v2-nav-actions #language-select-desktop:hover .selettore-lingua-desktop, .v2-nav-actions #language-select-desktop:focus-within .selettore-lingua-desktop, .v2-nav-actions #language-select-desktop.is-open .selettore-lingua-desktop { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; pointer-events: auto !important; transition: opacity .18s ease, transform .18s ease, visibility 0s linear 0s !important; } } .popup-unique { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw; height: 100vh; background: rgba(11, 58, 102, 0.65); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 2147483647 !important; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; animation: popup-fade-in .25s ease-out; overscroll-behavior: contain; } @keyframes popup-fade-in { from { opacity: 0; } to { opacity: 1; } } .popup-unique .popup-content-unique { position: relative; background: #fff; border-radius: 18px; padding: 0; max-width: 480px; width: 100%; max-height: 92vh; overflow-y: auto; overflow-x: hidden; box-shadow: 0 24px 60px rgba(11, 58, 102, .35), 0 4px 12px rgba(0,0,0,.12); text-align: center; animation: popup-scale-in .3s cubic-bezier(.2, .8, .3, 1.2); box-sizing: border-box; -webkit-overflow-scrolling: touch; } @keyframes popup-scale-in { from { opacity: 0; transform: scale(.92) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } } .popup-unique .close-popup-unique1, .popup-unique #close-popup-unique { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; border-radius: 50%; font-size: 22px; font-weight: 400; line-height: 1; cursor: pointer; border: 0; transition: background .15s ease, transform .15s ease; user-select: none; z-index: 2; } .popup-unique .close-popup-unique1:hover, .popup-unique #close-popup-unique:hover { background: rgba(255, 255, 255, .35); transform: rotate(90deg); } .popup-unique .popup-titolo { background: linear-gradient(135deg, #0b3a66 0%, #0b5394 50%, #1976c4 100%) !important; color: #fff !important; font-size: 19px; font-weight: 700; line-height: 1.3; margin: 0 !important; padding: 18px 50px 18px 22px !important; letter-spacing: .2px; text-align: center; display: block !important; border-radius: 18px 18px 0 0 !important; width: 100%; box-sizing: border-box; } .popup-unique .popup-content-unique > p, .popup-unique .popup-content-unique > ul, .popup-unique .popup-content-unique > hr { padding-left: 28px; padding-right: 28px; } .popup-unique .popup-content-unique > p:last-of-type { margin-bottom: 28px; } .popup-unique .popup-titolo + * { margin-top: 28px !important; } .popup-unique .popup-content-unique p { font-size: 15px; line-height: 1.55; color: #2c3e50; margin: 0 0 14px 0; } .popup-unique .popup-content-unique p strong { color: #0b3a66; font-weight: 700; } .popup-unique .popup-content-unique ul { list-style: none; padding-left: 28px; padding-right: 28px; margin: 18px 0 22px 0; text-align: left !important; } .popup-unique .popup-content-unique ul li { font-size: 15px; line-height: 1.5; color: #2c3e50; padding: 10px 14px; margin-bottom: 8px; background: #f8fafc; border-radius: 10px; border-left: 3px solid #0D80C0; list-style: none; } .popup-unique .popup-content-unique ul li strong { color: #0b3a66; } .popup-unique .popup-content-unique ul li:last-child { margin-bottom: 0; border-left-color: #f59e0b; background: linear-gradient(90deg, #fef3c7 0%, #f8fafc 100%); } .popup-unique .pc-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(135deg, #0D80C0 0%, #0a6396 100%); color: #fff !important; font-weight: 700; font-size: 15.5px; padding: 14px 28px; border-radius: 99px; text-decoration: none !important; box-shadow: 0 6px 18px rgba(13, 128, 192, .35); transition: transform .15s ease, box-shadow .15s ease, background .2s ease; margin: 6px 0 10px 0; letter-spacing: .2px; } .popup-unique .pc-link:hover { background: linear-gradient(135deg, #0a6396 0%, #0b3a66 100%); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(13, 128, 192, .45); color: #fff !important; text-decoration: none !important; } .popup-unique .popup-content-unique hr { border: 0; border-top: 1px solid #e3ebf3; margin: 22px 28px 18px 28px; padding: 0 !important; } .popup-unique .popup-content-unique p:last-child { font-size: 13.5px; color: #6b7280; margin-bottom: 0; } .popup-unique .popup-content-unique p:last-child strong { color: #2c3e50; } @media (max-width: 900px) { .popup-unique { padding: 12px; } .popup-unique .popup-content-unique { max-width: 440px; max-height: 90vh; } } @media (max-width: 600px) { .popup-unique { padding: 8px; align-items: flex-start; padding-top: 5vh; } .popup-unique .popup-content-unique { max-width: 100%; max-height: 90vh; border-radius: 16px; } .popup-unique .popup-titolo { font-size: 17px; padding: 16px 46px 16px 18px !important; line-height: 1.3; border-radius: 16px 16px 0 0 !important; } .popup-unique .popup-content-unique > p, .popup-unique .popup-content-unique > ul { padding-left: 22px; padding-right: 22px; } .popup-unique .popup-titolo + * { margin-top: 22px !important; } .popup-unique .popup-content-unique > p:last-of-type { margin-bottom: 22px; } .popup-unique .popup-content-unique p { font-size: 14.5px; } .popup-unique .popup-content-unique ul li { font-size: 14px; padding: 9px 12px; } .popup-unique .popup-content-unique hr { margin: 18px 22px 14px 22px; } .popup-unique .pc-link { font-size: 14.5px; padding: 13px 22px; width: 100%; box-sizing: border-box; } .popup-unique .close-popup-unique1, .popup-unique #close-popup-unique { width: 32px; height: 32px; font-size: 20px; } } @media (max-width: 380px) { .popup-unique .popup-titolo { font-size: 16px; padding: 14px 42px 14px 14px; } .popup-unique .popup-content-unique > p, .popup-unique .popup-content-unique > ul, .popup-unique .popup-content-unique hr { padding-left: 18px; padding-right: 18px; } .popup-unique .popup-content-unique ul li { font-size: 13.5px; padding: 8px 10px; } }