.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1e3ms;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2e3ms}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none} blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}progress{vertical-align:baseline}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}textarea{width:100%}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation li{position:relative}.main-navigation .menu-bar-items{display:flex;align-items:center;font-size:15px}.main-navigation .menu-bar-items a{color:inherit}.main-navigation .menu-bar-item{position:relative}.main-navigation .menu-bar-item.search-item{z-index:20}.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}.sidebar .main-navigation .main-nav{flex-basis:100%}.sidebar .main-navigation .main-nav>ul{flex-direction:column}.sidebar .main-navigation .menu-bar-items{margin:0 auto}.sidebar .main-navigation .menu-bar-items .search-item{order:10}.nav-align-center .inside-navigation{justify-content:center}.nav-align-center .main-nav>ul{justify-content:center}.nav-align-right .inside-navigation{justify-content:flex-end}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.header-widget{margin-left:auto}.header-widget p:last-child{margin-bottom:0}.nav-float-right .header-widget{margin-left:20px}.nav-float-right #site-navigation{margin-left:auto}.nav-float-left #site-navigation{margin-right:auto;order:-10}.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}.site-branding-container .site-logo{margin-right:1em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget .search-form{display:flex}.widget .search-form button.search-submit{font-size:15px}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.wp-calendar-table{table-layout:fixed}.site-content{display:flex}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container.archive .post:not(:last-child):not(.is-loop-template-item),.one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.sidebar .grid-container{max-width:100%;width:100%}.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}.both-left .is-right-sidebar{order:-5}.both-right .is-left-sidebar{order:5}.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.post-image:not(:first-child){margin-top:2em}.featured-image{line-height:0}.separate-containers .featured-image{margin-top:20px}.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child{display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.has-menu-bar-items button.menu-toggle{flex-grow:0}nav.toggled ul ul.sub-menu{width:100%}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled .main-nav{flex-basis:100%;order:3}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav li{width:100%;text-align:left}.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.main-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}@media (max-width:768px){.hide-on-mobile{display:none!important}a,body,button,input,select,textarea{transition:all 0s ease-in-out}.inside-header{flex-direction:column;text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.site-content{flex-direction:column}.container .site-content .content-area{width:auto}.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}#main{margin-left:0;margin-right:0}body:not(.no-sidebar) #main{margin-bottom:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.comment .children{padding-left:10px;margin-left:0}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}}@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}}@media (min-width:1025px){.hide-on-desktop{display:none!important}} body{background-color:var(--base-3);color:var(--global-color-9);}a{color:var(--global-color-15);}a:hover, a:focus, a:active{color:var(--global-color-13);}.grid-container{max-width:1280px;}.wp-block-group__inner-container{max-width:1280px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:200px;}.generate-back-to-top{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out;opacity:0.1;transform:translateY(1000px);}.generate-back-to-top__show{opacity:1;transform:translateY(0);}.dropdown-click .main-navigation ul ul{display:none;visibility:hidden;}.dropdown-click .main-navigation ul ul ul.toggled-on{left:0;top:auto;position:relative;box-shadow:none;border-bottom:1px solid rgba(0,0,0,0.05);}.dropdown-click .main-navigation ul ul li:last-child > ul.toggled-on{border-bottom:0;}.dropdown-click .main-navigation ul.toggled-on, .dropdown-click .main-navigation ul li.sfHover > ul.toggled-on{display:block;left:auto;right:auto;opacity:1;visibility:visible;pointer-events:auto;height:auto;overflow:visible;float:none;}.dropdown-click .main-navigation.sub-menu-left .sub-menu.toggled-on, .dropdown-click .main-navigation.sub-menu-left ul li.sfHover > ul.toggled-on{right:0;}.dropdown-click nav ul ul ul{background-color:transparent;}.dropdown-click .widget-area .main-navigation ul ul{top:auto;position:absolute;float:none;width:100%;left:-99999px;}.dropdown-click .widget-area .main-navigation ul ul.toggled-on{position:relative;left:0;right:0;}.dropdown-click .widget-area.sidebar .main-navigation ul li.sfHover ul, .dropdown-click .widget-area.sidebar .main-navigation ul li:hover ul{right:0;left:0;}.dropdown-click .sfHover > a > .dropdown-menu-toggle > .gp-icon svg{transform:rotate(180deg);}:root{--base-3:#ffffff;--global-color-9:#15477c;--global-color-5:#008cd1;--global-color-7:#E3CD94;--global-color-8:#F4F5F7;--global-color-10:#1B1B1B;--global-color-12:#FFD700;--global-color-13:#AFEEEE;--global-color-14:#008cd1;--global-color-15:#35a8e0;--global-color-16:#808080;--global-color-18:#F4F6F9;--global-color-19:#102B3C;--global-color-20:#F7F3EA;--global-color-22:rgba(235,235,246,0.4);--global-color-23:rgba(197,240,235,0.36);--global-color-24:#efe39b;--global-color-25:#ca1e1b;--25d366:#25D366;}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-global-color-9-color{color:var(--global-color-9);}:root .has-global-color-9-background-color{background-color:var(--global-color-9);}:root .has-global-color-5-color{color:var(--global-color-5);}:root .has-global-color-5-background-color{background-color:var(--global-color-5);}:root .has-global-color-7-color{color:var(--global-color-7);}:root .has-global-color-7-background-color{background-color:var(--global-color-7);}:root .has-global-color-8-color{color:var(--global-color-8);}:root .has-global-color-8-background-color{background-color:var(--global-color-8);}:root .has-global-color-10-color{color:var(--global-color-10);}:root .has-global-color-10-background-color{background-color:var(--global-color-10);}:root .has-global-color-12-color{color:var(--global-color-12);}:root .has-global-color-12-background-color{background-color:var(--global-color-12);}:root .has-global-color-13-color{color:var(--global-color-13);}:root .has-global-color-13-background-color{background-color:var(--global-color-13);}:root .has-global-color-14-color{color:var(--global-color-14);}:root .has-global-color-14-background-color{background-color:var(--global-color-14);}:root .has-global-color-15-color{color:var(--global-color-15);}:root .has-global-color-15-background-color{background-color:var(--global-color-15);}:root .has-global-color-16-color{color:var(--global-color-16);}:root .has-global-color-16-background-color{background-color:var(--global-color-16);}:root .has-global-color-18-color{color:var(--global-color-18);}:root .has-global-color-18-background-color{background-color:var(--global-color-18);}:root .has-global-color-19-color{color:var(--global-color-19);}:root .has-global-color-19-background-color{background-color:var(--global-color-19);}:root .has-global-color-20-color{color:var(--global-color-20);}:root .has-global-color-20-background-color{background-color:var(--global-color-20);}:root .has-global-color-22-color{color:var(--global-color-22);}:root .has-global-color-22-background-color{background-color:var(--global-color-22);}:root .has-global-color-23-color{color:var(--global-color-23);}:root .has-global-color-23-background-color{background-color:var(--global-color-23);}:root .has-global-color-24-color{color:var(--global-color-24);}:root .has-global-color-24-background-color{background-color:var(--global-color-24);}:root .has-global-color-25-color{color:var(--global-color-25);}:root .has-global-color-25-background-color{background-color:var(--global-color-25);}:root .has-25d366-color{color:var(--25d366);}:root .has-25d366-background-color{background-color:var(--25d366);}body, button, input, select, textarea{font-family:Times New Roman;font-size:18px;}body{line-height:1.7;}.main-title{font-weight:normal;font-size:20px;}.site-description{font-size:16px;}.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{font-size:16px;}.widget-title{font-size:18px;}button:not(.menu-toggle),html input[type="button"],input[type="reset"],input[type="submit"],.button,.wp-block-button .wp-block-button__link{font-size:18px;}.site-info{font-size:14px;}h1{font-size:34px;line-height:1.3;}h2{font-size:28px;line-height:1.4;}h3{font-size:24px;line-height:1.4;}h4{font-size:22px;line-height:1.4;}h5{font-size:20px;line-height:1;}.main-navigation .menu-toggle{font-size:22px;}.top-bar{background-color:var(--global-color-9);color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--global-color-8);color:var(--global-color-9);}.site-header a{color:var(--global-color-7);}.site-header a:hover{color:var(--global-color-7);}.main-title a,.main-title a:hover{color:var(--base-3);}.site-description{color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--base-3);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--global-color-7);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--base-3);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--global-color-6);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:#111111;background-color:#f5f8fa;opacity:1;}.main-navigation ul ul{background-color:var(--global-color-7);}.main-navigation .main-nav ul ul li a{color:var(--global-color-9);}.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a{color:var(--global-color-9);background-color:var(--global-color-8);}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{color:var(--base-3);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{color:var(--contrast);background-color:var(--base-3);}.inside-article a,.paging-navigation a,.comments-area a,.page-header a{color:var(--global-color-6);}.entry-header h1,.page-header h1{color:var(--contrast);}.entry-title a{color:var(--contrast-2);}.entry-title a:hover{color:var(--accent-2);}.entry-meta{color:#666666;}.entry-meta a{color:#666666;}.entry-meta a:hover{color:#666666;}.sidebar .widget{color:var(--global-color-9);background-color:var(--base-3);}.sidebar .widget a{color:var(--global-color-6);}.sidebar .widget a:hover{color:var(--global-color-7);}.sidebar .widget .widget-title{color:var(--contrast-2);}.footer-widgets{color:var(--base-3);}.footer-widgets a{color:var(--base-3);}.footer-widgets a:hover{color:var(--global-color-6);}.footer-widgets .widget-title{color:var(--global-color-6);}.site-info{color:var(--base-2);background-color:var(--global-color-9);}.site-info a{color:var(--base-2);}.site-info a:hover{color:var(--base-3);}.footer-bar .widget_nav_menu .current-menu-item a{color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--global-color-9);background-color:var(--base-2);border-color:var(--base-2);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--global-color-10);background-color:var(--base-2);border-color:var(--base-2);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:var(--global-color-9);background-color:var(--global-color-7);}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:var(--base-3);background-color:var(--global-color-7);}a.generate-back-to-top{background-color:var(--global-color-9);color:var(--base-3);}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:var(--global-color-5);color:var(--base-3);}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width: 1100px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--base-3);}}.inside-header{padding:18px 20px 20px 20px;}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 4px 0px 4px;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:7px 0px 0px 0px;}.site-main .wp-block-group__inner-container{padding:7px 0px 0px 0px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-0px;width:calc(100% + 0px);max-width:calc(100% + 0px);}.one-container.right-sidebar .site-main,.one-container.both-right .site-main{margin-right:0px;}.one-container.left-sidebar .site-main,.one-container.both-left .site-main{margin-left:0px;}.one-container.both-sidebars .site-main{margin:0px;}.sidebar .widget, .page-header, .widget-area .main-navigation, .site-main > *{margin-bottom:0px;}.separate-containers .site-main{margin:0px;}.both-right .inside-left-sidebar,.both-left .inside-left-sidebar{margin-right:0px;}.both-right .inside-right-sidebar,.both-left .inside-right-sidebar{margin-left:0px;}.one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:0px;}.separate-containers .featured-image{margin-top:0px;}.separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar{margin-top:0px;margin-bottom:0px;}.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item > a{padding-left:24px;padding-right:24px;line-height:50px;}.main-navigation .main-nav ul ul li a{padding:18px 24px 18px 24px;}.main-navigation ul ul{width:150px;}.navigation-search input[type="search"]{height:50px;}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:24px;}.menu-item-has-children .dropdown-menu-toggle{padding-right:24px;}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:18px;padding-bottom:18px;margin-top:-18px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:24px;}.widget-area .widget{padding:0px 0px 20px 40px;}.footer-widgets-container{padding:0px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:100px 20px 100px 20px;}.site-main .wp-block-group__inner-container{padding:100px 20px 100px 20px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px;}.widget-area .widget{padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-20px;width:calc(100% + 40px);max-width:calc(100% + 40px);}.one-container .site-main .paging-navigation{margin-bottom:0px;}}@media (max-width: 1100px){.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .mobile-bar-items a,.main-navigation .menu-bar-item > a{line-height:25px;}.main-navigation .site-logo.navigation-logo img, .mobile-header-navigation .site-logo.mobile-header-logo img, .navigation-search input[type="search"]{height:25px;}}.post-image:not(:first-child), .page-content:not(:first-child), .entry-content:not(:first-child), .entry-summary:not(:first-child), footer.entry-meta{margin-top:0em;}.post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image{margin-bottom:0em;}.main-navigation.slideout-navigation .main-nav > ul > li > a{line-height:60px;}.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item > a{transition: line-height 300ms ease}.main-navigation.toggled .main-nav > ul{background-color: }.sticky-enabled .gen-sidebar-nav.is_stuck .main-navigation {margin-bottom: 0px;}.sticky-enabled .gen-sidebar-nav.is_stuck {z-index: 500;}.sticky-enabled .main-navigation.is_stuck {box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);}.navigation-stick:not(.gen-sidebar-nav) {left: 0;right: 0;width: 100% !important;}@media (max-width: 1100px){#sticky-placeholder{height:0;overflow:hidden;}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:0;}.has-inline-mobile-menu #site-navigation.toggled .main-nav > ul{top:1.5em;}}.nav-float-right .navigation-stick {width: 100% !important;left: 0;}.nav-float-right .navigation-stick .navigation-branding {margin-right: auto;}.main-navigation.has-sticky-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding{margin-left: 10px;}.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container{padding-left:20px;padding-right:20px;}@media (max-width:768px){.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container{padding-left:0;padding-right:0;}} .gbp-section__tagline{color:var(--global-color-6);font-size:20px;font-weight:700;margin-bottom:0.75rem;text-align:left;text-transform:uppercase}.gbp-section__headline{color:var(--global-color-6);font-weight:700;margin-bottom:1.5rem;text-align:center}@media (max-width:767px){.gbp-section__headline{margin-bottom:1.25rem}}.gbp-section__text{color:var(--global-color-6);font-size:1.125rem}.gbp-button--primary{background-color:#000000;border:1px solid;color:#ffffff;display:inline-flex;font-size:1rem;padding:0.75rem 1.5rem;text-decoration:none}.gbp-button--primary:is(:hover,:focus){background-color:#000000;color:#ffffff}.gbp-button--secondary{border:1px solid #000000;color:currentColor;display:inline-flex;font-size:1rem;padding:0.75rem 1.5rem;text-decoration:none}.gbp-button--secondary:is(:hover,:focus){color:currentColor}.gbp-section{padding:7rem 40px}@media (max-width:1024px){.gbp-section{padding:6rem 30px}}@media (max-width:767px){.gbp-section{padding:4rem 20px}}.gbp-section__inner{display:inline;margin-left:auto;margin-right:auto;max-width:var(--gb-container-width);position:relative;z-index:1}.gbp-card__meta-text {font-size:0.875rem;margin-bottom:0.5rem;}.gbp-card__title element.style{color:#c9a24e;font-size:32px;font-weight:bold}.gbp-card__text {font-size:1rem;margin-bottom:0px;}.intestazioneh2{color:#0F2740;font-size:30px;font-weight:700;line-height:1.5;margin-bottom:0;margin-top:2px;max-width:720px;padding-left:16px;border-left:2px solid #26AAE1}@media (max-width:768px){.intestazioneh2{font-size:28px !important;letter-spacing:-1.2px}}.compilamodulo{align-items:center;background-color:#26AAE1;color:#102B3C;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.7px;min-height:50px;text-decoration:none;text-transform:uppercase;border:1px solid #26AAE1;border-radius:8px;padding:13px 22px}.compilamodulo:is(:hover,:focus){background-color:#008cd1 !important;color:#102B3C !important}@media (max-width:767px){.compilamodulo{align-items:center;align-self:center;justify-content:center;justify-items:center;justify-self:center;text-align:center}}.form .sg-privacy{font-size:15px !important;margin-bottom:12px !important;text-align:left !important}.form .sg-privacy input[type="checkbox"]{margin:0 !important}.form .sg-privacy label{align-items:center !important;display:inline-flex !important;gap:8px !important}.form .sg-submit{background-color:#0f2740 !important;border-radius:4px !important;color:#ffffff !important;cursor:pointer !important;display:inline-block !important;font-size:16px !important;font-weight:700 !important;padding:12px 30px !important;text-transform:uppercase !important;transition:background 0.3s ease}.form .sg-submit-wrap{clear:both !important;display:block !important;margin-left:auto !important;text-align:right !important;width:50% !important}.form .sg-submit:hover{background-color:#ffffff !important;border-color:#0f2740 !important;border-radius:4px !important;color:#0f2740 !important}.titolo{color:#FFFFFF !important;font-family:Georgia !important}.ctaparagrafo{color:var(--base-3);font-family:Georgia;font-size:20px;font-weight:500;text-align:center} .main-navigation.offside{position:fixed;width:var(--gp-slideout-width);height:100%;height:100vh;top:0;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch}.offside,.offside--left{left:calc(var(--gp-slideout-width) * -1)}.offside--right{left:auto;right:calc(var(--gp-slideout-width) * -1)}.offside--left.is-open:not(.slideout-transition),.offside-js--is-left .offside-sliding-element{transform:translate3d(var(--gp-slideout-width),0,0)}.offside--right.is-open:not(.slideout-transition),.offside-js--is-right .offside-sliding-element{transform:translate3d(calc(var(--gp-slideout-width) * -1),0,0)}.offside-js--interact .offside,.offside-js--interact .offside-sliding-element{transition:transform .2s cubic-bezier(.16,.68,.43,.99);-webkit-backface-visibility:hidden;-webkit-perspective:1000}.offside-js--init{overflow-x:hidden}.slideout-navigation.main-navigation:not(.is-open):not(.slideout-transition){display:none}.slideout-navigation.main-navigation:not(.slideout-transition).do-overlay{opacity:1}.slideout-navigation.main-navigation.slideout-transition.do-overlay{opacity:0}.slideout-overlay{z-index:100000;position:fixed;width:100%;height:100%;height:100vh;min-height:100%;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);visibility:hidden;opacity:0;cursor:pointer;transition:visibility .2s ease,opacity .2s ease}.offside-js--is-open .slideout-overlay{visibility:visible;opacity:1}.slideout-overlay button.slideout-exit{position:fixed;top:0;background-color:transparent;color:#fff;font-size:30px;border:0;opacity:0}.slide-opened .slideout-overlay button.slideout-exit{opacity:1}button.slideout-exit:hover{background-color:transparent}.slideout-navigation button.slideout-exit{background:0 0;width:100%;text-align:left;padding-top:20px;padding-bottom:20px;box-sizing:border-box;border:0}.slide-opened nav.toggled .menu-toggle:before{content:"\f0c9"}.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit{left:calc(var(--gp-slideout-width) - 5px)}.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit{right:calc(var(--gp-slideout-width) - 5px)}.slideout-widget{margin:20px}.slideout-navigation .main-nav,.slideout-navigation .slideout-widget:not(:last-child){margin-bottom:40px}.slideout-navigation:not(.do-overlay) .main-nav{width:100%;box-sizing:border-box}.slideout-navigation .mega-menu>ul>li{display:block;width:100%!important}.slideout-navigation .slideout-menu{display:block}#generate-slideout-menu{z-index:100001}#generate-slideout-menu .slideout-menu li{float:none;width:100%;clear:both;text-align:left}.slideout-navigation .slideout-widget li{float:none}#generate-slideout-menu.do-overlay li{text-align:center}#generate-slideout-menu.main-navigation ul ul{display:none}#generate-slideout-menu.main-navigation ul ul.toggled-on{display:block!important}#generate-slideout-menu .slideout-menu li.sfHover>ul,#generate-slideout-menu .slideout-menu li:hover>ul{display:none}#generate-slideout-menu.main-navigation .main-nav ul ul{position:relative;top:0;left:0;width:100%}.slideout-toggle:not(.has-svg-icon) a:before{content:"\f0c9";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block;position:relative;top:1px}.slide-opened .slideout-exit:not(.has-svg-icon):before,.slideout-navigation button.slideout-exit:not(.has-svg-icon):before{content:"\f00d";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block}#generate-slideout-menu li.menu-item-float-right{float:none!important;display:inline-block;width:auto}.rtl .slideout-navigation{position:fixed}.slideout-navigation .menu-item-has-children .dropdown-menu-toggle{float:right}.slideout-navigation .slideout-widget .menu li{float:none}.slideout-navigation .slideout-widget ul{display:block}.slideout-navigation.do-overlay{transform:none!important;transition:opacity .2s,visibility .2s;width:100%;text-align:center;left:0;right:0}.slideout-navigation.do-overlay .inside-navigation{display:flex;flex-direction:column;padding:10% 10% 0;max-width:700px}.slideout-navigation.do-overlay .inside-navigation .main-nav,.slideout-navigation.do-overlay .inside-navigation .slideout-widget{margin-left:auto;margin-right:auto;min-width:250px}.slideout-navigation.do-overlay .slideout-exit{position:fixed;right:0;top:0;width:auto;font-size:25px}.slideout-navigation.do-overlay .slideout-menu li a{display:inline-block}.slideout-navigation.do-overlay .slideout-menu li{margin-bottom:5px}#generate-slideout-menu.do-overlay .slideout-menu li,.slideout-navigation.do-overlay .inside-navigation{text-align:center}.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle{border-left:1px solid rgba(0,0,0,.07);padding:0 10px;margin:0 0 0 10px}.slideout-navigation.do-overlay ul ul{box-shadow:0 0 0}.nav-aligned-center .slideout-navigation,.nav-aligned-right .slideout-navigation{text-align:left}.slideout-navigation .sfHover>a>.dropdown-menu-toggle>.gp-icon svg{transform:rotate(180deg)}.slideout-navigation .sub-menu .dropdown-menu-toggle .gp-icon svg{transform:rotate(0)}.slideout-both .main-navigation.toggled .main-nav>ul,.slideout-desktop .main-navigation.toggled .main-nav li.slideout-toggle,.slideout-mobile .main-navigation.toggled .main-nav>ul{display:none!important}.slideout-both .has-inline-mobile-toggle #site-navigation.toggled,.slideout-mobile .has-inline-mobile-toggle #site-navigation.toggled{margin-top:0}.sf-menu>li.slideout-toggle{float:right}.gen-sidebar-nav .sf-menu>li.slideout-toggle{float:none}.off-canvas-toggle-label{padding-left:7px}.gp-icon+.off-canvas-toggle-label{padding-left:9px}@media (max-width:768px){.slideout-overlay button.slideout-exit{font-size:20px;padding:10px}.slideout-overlay{top:-100px;height:calc(100% + 100px);height:calc(100vh + 100px);min-height:calc(100% + 100px)}.slideout-navigation.do-overlay .slideout-exit{position:static;text-align:center}} /* ===================================================================== CSS AGGIUNTIVO — STUDIO LEGALE SGROMO Versione riordinata del 12/10/2026 --------------------------------------------------------------------- Rispetto alla versione precedente sono stati tolti: - la prima versione della home in stile scuro/oro (hero, "studio dedicato", riconoscimenti, media, come operiamo, casi, recensioni: classi .sgromo-hero, .sgromo-awards, .sgromo-processo, ecc.), non più usata dalle pagine nuove; - 70 blocchi ripetuti due o tre volte (resta l'ultima copia, quella che contava); - regole e valori scritti male che il browser già ignorava. Tutto il resto è invariato (verificato regola per regola). COME È ORGANIZZATO (dall'alto verso il basso) 1. Header fisso e footer. 2. Striscia errori medici, modulo contatti (Contact Form 7), menu principale e menu da cellulare. 3. SGROMO DESIGN SYSTEM: colori, spaziature e componenti presi dalla landing approvata (card, video, slider). 4. Home nuova (.sgromo-home): tipografia, riconoscimenti, risultati. 5. Archivi delle categorie e articoli. 6. CSS COMUNE PAGINE (.sgromo-pagina): lo stile di tutte le pagine nuove, con le aggiunte pagina per pagina (v3 ... v22). 7. TIPOGRAFIA UNIFICATA (in fondo): rende uguali paragrafi e titoli in tutte le pagine. REGOLA PER CHI MODIFICA: aggiungere sempre IN FONDO, mai sostituire. ===================================================================== */ /* GeneratePress Site CSS */ /* mobile header spacing */ .mobile-header-navigation { padding: 7px; box-sizing: border-box; } /* End GeneratePress Site CSS */ .site-header { position: sticky; padding-top: 7px; z-index: 99; } /* ================================== HEADER STICKY SGROMO ================================== */ .header-wrap { position: sticky !important; top: 0 !important; z-index: 99999 !important; width: 100% !important; /* non deve creare una fascia sopra la hero */ height: 0 !important; overflow: visible !important; } .header-wrap #masthead, .header-wrap #site-navigation, .header-wrap .main-navigation { position: relative !important; top: auto !important; } body.admin-bar .header-wrap { top: 32px !important; } @media screen and (max-width: 782px) { body.admin-bar .header-wrap { top: 46px !important; } } .header-wrap { background: #F4F6F9 !important; } /* HEADER STICKY - SFONDO OPACO DEFINITIVO */ .header-wrap #masthead { background-color: #F4F6F9 !important; } /* assicura che tutta la superficie dell'header sia coperta */ .header-wrap .inside-header { background-color: #F4F6F9!important; } /* ========================================== FOOTER SGROMO ========================================== */ .sgromo-footer { background: #F4F5F7!important; color: #0F2A47 !important; padding: 72px 24px 28px; width: 100%; box-sizing: border-box; } .sgromo-footer-inner { width: min(1180px, 100%); margin: 0 auto; } /* 4 COLONNE */ .sgromo-footer-grid { display: grid; grid-template-columns: 1.65fr .8fr .9fr 1fr; gap: 65px; align-items: start; } /* TITOLI */ .sgromo-footer h2, .sgromo-footer h3 { margin-top: 0; } .sgromo-footer-logo { margin-bottom: 25px !important; color: #008cd1 !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: .10em !important; } .sgromo-footer-logo span { color: #008cd1; } .sgromo-footer h3 { margin-bottom: 24px !important; color: #008cd1 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .13em !important; text-transform: uppercase; } /* DESCRIZIONE STUDIO */ .sgromo-footer-about > p { max-width: 390px; margin: 0 0 26px !important; color: #0F2A47!important; font-size: 16px !important; line-height: 1.75 !important; } /* CONTATTI */ .sgromo-footer-contact { margin-top: 17px; } .sgromo-footer-label { margin-bottom: 3px; color: #008cd1; font-size: 16px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; } .sgromo-footer-contact a { color:#0F2A47 !important; font-size: 16px; text-decoration: none !important; } .sgromo-footer-contact a:hover { color: #008cd1 !important; } /* LINK */ .sgromo-footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .sgromo-footer-links a { color: #0F2A47 !important; font-size: 16px; line-height: 1.4; text-decoration: none !important; } .sgromo-footer-links a:hover { color:#008cd1 !important; } /* SEDI */ .sgromo-footer-office { margin-bottom: 25px; } .sgromo-footer-office strong { display: block; margin-bottom: 4px; color:#0F2A47; font-size: 16px; font-weight: 600; } .sgromo-footer-office span { display: block; color: #0F2A47; font-size: 16px; line-height: 1.5; } /* PARTE INFERIORE */ .sgromo-footer-bottom { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: start; margin-top: 60px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.10); } .sgromo-footer-disclaimer { max-width: 900px; color: #0F2A47; font-size: 15px; line-height: 1.65; } .sgromo-footer-legal { color: #0F2A47; font-size: 15px; line-height: 1.65; text-align: right; white-space: nowrap; } /* TABLET */ @media (max-width: 900px) { .sgromo-footer { padding-top: 60px; } .sgromo-footer-grid { grid-template-columns: 1fr 1fr; gap: 45px 55px; } .sgromo-footer-about > p { max-width: 100%; } } /* MOBILE */ @media (max-width: 600px) { .sgromo-footer { padding: 50px 22px 25px; } .sgromo-footer-grid { grid-template-columns: 1fr; gap: 38px; } .sgromo-footer-logo { font-size: 18px !important; } .sgromo-footer-bottom { grid-template-columns: 1fr; gap: 18px; margin-top: 45px; } .sgromo-footer-legal { text-align: left; white-space: normal; } } /* ============================================================ AGGIUNTE CLAUDE — Header bianco ghiaccio + sticky (queste regole vanno DOPO tutto il CSS sopra, mai sostituirlo) ============================================================ */ /* --- HEADER: colore bianco ghiaccio --- */ .header-wrap, .header-wrap #masthead, .header-wrap .inside-header { background: #F8FAFB !important; } /* --- HEADER: reso sticky (fisso durante lo scroll) --- */ .header-wrap { position: sticky !important; top: 0 !important; z-index: 99999 !important; width: 100% !important; } .header-wrap .main-navigation a, .header-wrap .menu a { color: #1B2A41 !important; } .header-wrap .main-navigation a:hover, .header-wrap .menu a:hover { color: #C9A24E !important; } .header-wrap #masthead { border-bottom: 1px solid #E2E6E8; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } /* --- ICONE AZZURRE (Come denunciare / Specializzazioni) → BLU NAVY --- */ .sgromo-icon-navy img { filter: brightness(0) saturate(100%) invert(9%) sepia(52%) saturate(3207%) hue-rotate(203deg) brightness(93%) contrast(93%); } /* --- IMMAGINI QUADRATE RISARCIMENTI (blu) → ORO --- */ .sgromo-icon-gold img { filter: sepia(60%) saturate(280%) hue-rotate(-8deg) brightness(102%) contrast(96%); } /* --- BOTTONI HERO/CTA: rettangolari, hover chiaro --- */ .sgromo-btn-flat:hover { background-color: #F4F6F9 !important; color: #1B2A41 !important; border: 1px solid #C9A24E; } .cont-sgromo { margin: 0 auto; background: #D3D3D3 !important; } /* ================================ STRISCIA ERRORI MEDICI SGROMO ================================ */ .sgromo-errori { background: #f5f6f8; padding: 65px 20px 45px; overflow: hidden; } /* TITOLO */ .sgromo-errori-header { text-align: center; margin-bottom: 50px; } .sgromo-errori-header h2 { margin: 0 0 28px; color: #c99d3b; font-size: 32px; font-weight: 600; letter-spacing: 1px; } .sgromo-errori-header p { margin: 0; color: #344b68; font-size: 18px; font-style: italic; } /* SLIDER */ .sgromo-slider { width: 100%; max-width:0; margin: 0 auto; overflow: hidden; } .sgromo-track { display: flex; transition: transform 0.7s ease-in-out; } /* SINGOLO ELEMENTO */ .sgromo-item { flex: 0 0 33.333333%; box-sizing: border-box; text-align: center; padding: 20px 25px 35px; } /* ICONA */ .sgromo-icon { height: 65px; display: flex; align-items: center; justify-content: center; color: #294c73; font-size: 42px; font-weight: 300; margin-bottom: 18px; } /* PERCENTUALE */ .sgromo-percentuale { color: #c99d3b; font-size: 30px; font-weight: 700; margin-bottom: 32px; } /* TESTO */ .sgromo-testo { color: #172f4d; font-size: 18px; } /* PALLINI */ .sgromo-dots { display: flex; justify-content: center; gap: 8px; margin-top: 10px; } .sgromo-dots span { width: 9px; height: 9px; border-radius: 50%; background: #d7d7d7; transition: 0.3s; } .sgromo-dots span.active { background: #2b9ed6; transform: scale(1.15); } /* ================================ TABLET ================================ */ @media (max-width: 900px) { .sgromo-item { flex: 0 0 50%; } .sgromo-errori-header h2 { font-size: 27px; } } /* ================================ SMARTPHONE ================================ */ @media (max-width: 600px) { .sgromo-errori { padding: 45px 15px 35px; } .sgromo-errori-header { margin-bottom: 30px; } .sgromo-errori-header h2 { font-size: 23px; line-height: 1.3; } .sgromo-errori-header p { font-size: 16px; } .sgromo-item { flex: 0 0 100%; padding: 15px 10px 30px; } .sgromo-icon { font-size: 38px; } .sgromo-percentuale { font-size: 28px; margin-bottom: 20px; } .sgromo-testo { font-size: 17px; } } .gbp-section { padding:0 !important; } /* ================================== STUDIO LEGALE SGROMO - CONTACT FORM 7 ================================== */ .sg-form-grid { display: grid; gap: 22px; } .sg-form-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sg-field { margin-bottom: 22px; } .sg-field label { display: block; margin-bottom: 9px; color: #102f45; font-size: 15px; line-height: 1.4; font-weight: 600; } .sg-field label span { color: #b88735; } .sg-contact-form input[type="text"], .sg-contact-form input[type="email"], .sg-contact-form input[type="tel"], .sg-contact-form input[type="number"], .sg-contact-form input[type="date"], .sg-contact-form select, .sg-contact-form textarea { display: block; width: 100%; min-height: 52px; box-sizing: border-box; padding: 13px 15px; border: 1px solid #d8d1c6; border-radius: 0; background: #ffffff; color: #19374b; font-family: inherit; font-size: 16px; line-height: 1.5; box-shadow: none; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } .sg-contact-form textarea { min-height: 165px; resize: vertical; } .sg-contact-form input::placeholder, .sg-contact-form textarea::placeholder { color: #81909b; opacity: 1; } .sg-contact-form input:focus, .sg-contact-form select:focus, .sg-contact-form textarea:focus { outline: none; border-color: #b88735; box-shadow: 0 0 0 2px rgba(184, 135, 53, 0.08); } .sg-contact-form select { cursor: pointer; } .sg-privacy { margin: 8px 0 16px; color: #4c6070; font-size: 14px; line-height: 1.6; } .sg-privacy .wpcf7-list-item { margin: 0; } .sg-privacy input[type="checkbox"] { width: 16px; height: 16px; margin: 0 9px 0 0; vertical-align: -2px; accent-color: #b88735; } .sg-privacy a { color: #a87525; text-decoration: underline; text-underline-offset: 2px; } .sg-privacy a:hover { color: #18354a; } .sg-submit-wrap { margin-top: 28px; } .sg-submit { width: 100%; min-height: 56px; padding: 15px 28px !important; border: 1px solid #b88735 !important; border-radius: 0 !important; background: #b88735 !important; color: #ffffff !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .02em; text-transform: none; cursor: pointer; box-shadow: none !important; transition: background-color .2s ease, border-color .2s ease, transform .15s ease; } .sg-submit:hover { background: #9d7028 !important; border-color: #9d7028 !important; } .sg-submit:active { transform: translateY(1px); } /* Errori Contact Form 7 */ .sg-contact-form .wpcf7-not-valid { border-color: #b64242 !important; } .sg-contact-form .wpcf7-not-valid-tip { margin-top: 6px; color: #a93d3d; font-size: 13px; } .sg-contact-form .wpcf7-response-output { margin: 24px 0 0 !important; padding: 14px 16px !important; border-width: 1px !important; font-size: 14px; line-height: 1.6; } /* Spinner */ .sg-contact-form .wpcf7-spinner { margin: 12px auto 0; display: block; } /* Tablet e smartphone */ @media (max-width: 767px) { .sg-form-grid-2 { grid-template-columns: 1fr; gap: 0; } .sg-field { margin-bottom: 18px; } .sg-contact-form input, .sg-contact-form select, .sg-contact-form textarea { font-size: 16px; } .sg-submit { min-height: 54px; } } .gb-element-3bdcb735 { align-self: center; background-color: var(--global-color-20); container-type: unset; margin-bottom: 0; margin-left: auto; margin-right: auto; text-align: center; width: 100%; padding: 0; } .site-main .wp-block-group__inner-container { padding:0!important; } /* ========================================================= STUDIO LEGALE SGROMO MENU GENERATEPRESS - VERSIONE DEFINITIVA ========================================================= */ /* ========================= DESKTOP ========================= */ @media (min-width: 769px) { /* --------------------------------- MENU PRINCIPALE --------------------------------- */ .main-navigation .main-nav > ul > li > a { color:#0F2A47 !important; background: transparent !important; text-transform: uppercase; font-weight: 500; padding-left: 20px; padding-right: 20px; } /* Hover */ .main-navigation .main-nav > ul > li:hover > a, .main-navigation .main-nav > ul > li:focus-within > a { color: #008cd1 !important; background: transparent !important; } /* Voce corrente */ .main-navigation .main-nav > ul > li.current-menu-item > a, .main-navigation .main-nav > ul > li.current-menu-ancestor > a { color: #008cd1 !important; background: transparent !important; } /* --------------------------------- SEPARATORI ORO --------------------------------- */ .main-navigation .main-nav > ul > li { position: relative; } .main-navigation .main-nav > ul > li:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; background: #008cd1; opacity: 0.85; transform: translateY(-50%); pointer-events: none; } /* ===================================================== STILE COMUNE DEI PANNELLI ===================================================== */ .main-navigation .menu-chi-siamo > ul.sub-menu, .main-navigation .menu-errori-medici > ul.sub-menu, .main-navigation .menu-contatti > ul.sub-menu { background: #FFFFFF !important; border: 1px solid #008cd1 !important; padding: 18px 20px !important; box-shadow: 0 8px 20px rgba(15, 42, 71, 0.08) !important; height: auto !important; flex-wrap: wrap !important; } /* ===================================================== CHI SIAMO 3 colonne x 2 righe ===================================================== */ .main-navigation .menu-chi-siamo > ul.sub-menu { width: 700px !important; left: 0 !important; right: auto !important; } .main-navigation .menu-chi-siamo:hover > ul.sub-menu, .main-navigation .menu-chi-siamo:focus-within > ul.sub-menu { display: flex !important; } .main-navigation .menu-chi-siamo > ul.sub-menu > li { width: 33.333% !important; float: none !important; } /* ===================================================== ERRORI MEDICI 4 colonne x 2 righe ===================================================== */ .main-navigation .menu-errori-medici > ul.sub-menu { width: 820px !important; left: auto !important; right: 0 !important; } .main-navigation .menu-errori-medici:hover > ul.sub-menu, .main-navigation .menu-errori-medici:focus-within > ul.sub-menu { display: flex !important; } .main-navigation .menu-errori-medici > ul.sub-menu > li { width: 25% !important; float: none !important; } /* ===================================================== CONTATTI 4 colonne x 2 righe ===================================================== */ .main-navigation .menu-contatti > ul.sub-menu { width: 720px !important; left: auto !important; right: 0 !important; } .main-navigation .menu-contatti:hover > ul.sub-menu, .main-navigation .menu-contatti:focus-within > ul.sub-menu { display: flex !important; } .main-navigation .menu-contatti > ul.sub-menu > li { width: 25% !important; float: none !important; } /* ===================================================== TESTO DEI SOTTOMENU ===================================================== */ .main-navigation .menu-chi-siamo > ul.sub-menu > li > a, .main-navigation .menu-errori-medici > ul.sub-menu > li > a, .main-navigation .menu-contatti > ul.sub-menu > li > a { color: #0F2A47 !important; background: transparent !important; text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 1.35; height: auto !important; padding: 12px 14px !important; white-space: normal; } /* Hover sottovoci */ .main-navigation .menu-chi-siamo > ul.sub-menu > li > a:hover, .main-navigation .menu-chi-siamo > ul.sub-menu > li > a:focus, .main-navigation .menu-errori-medici > ul.sub-menu > li > a:hover, .main-navigation .menu-errori-medici > ul.sub-menu > li > a:focus, .main-navigation .menu-contatti > ul.sub-menu > li > a:hover, .main-navigation .menu-contatti > ul.sub-menu > li > a:focus { color: #008cd1 !important; background: transparent !important; } } /* ========================================================= MOBILE / TABLET ========================================================= */ @media (max-width: 768px) { /* niente separatori */ .main-navigation .main-nav > ul > li::after { display: none !important; } /* menu normale verticale */ .main-navigation .menu-chi-siamo > ul.sub-menu, .main-navigation .menu-errori-medici > ul.sub-menu, .main-navigation .menu-contatti > ul.sub-menu { width: 100% !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; display: block; } .main-navigation .menu-chi-siamo > ul.sub-menu > li, .main-navigation .menu-errori-medici > ul.sub-menu > li, .main-navigation .menu-contatti > ul.sub-menu > li { width: 100% !important; } } .mobile-header-navigation .inside-navigation { align-items: center; padding-top: 10px; padding-bottom: 10px; } .mobile-header-navigation .site-logo.mobile-header-logo img { display: block; width: auto; height: auto; max-height: 44px; margin: 0; padding: 0; } .mobile-header-navigation .menu-toggle { line-height: 1; padding-top: 0; padding-bottom: 0; align-self: center; } .sgromo-footer{ border-top:3px solid #008cd1; } .sgromo-footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:0; } .sgromo-footer-col{ padding:0 34px; } .sgromo-footer-col + .sgromo-footer-col{ border-left:1px solid #C9CFD8; } .sgromo-footer-about{ padding-left:0; } /* titoli di colonna */ .sgromo-footer-col h3{ position:relative; padding-bottom:12px; margin:0 0 20px; font-size:15px; letter-spacing:.12em; color:#008cd1; } .sgromo-footer-col h3::after{ content:""; position:absolute; left:0; bottom:0; width:38px; height:2px; background:#008cd1; } .sgromo-footer-logo{ margin:0 0 22px; font-size:0; line-height:0; } .sgromo-footer-logo img{ display:block; width:200px; height:auto; } .sgromo-footer-contact{ margin-top:20px; padding-top:16px; border-top:1px solid #C9CFD8; } .sgromo-footer-label{ font-size:12px; letter-spacing:.14em; color:#008cd1; margin-bottom:6px; } .sgromo-footer-contact a{ font-size:18px; font-weight:600; color:#0F2A47; text-decoration:none; } .sgromo-footer-links{ display:flex; flex-direction:column; } .sgromo-footer-links a{ padding:7px 0; border-bottom:1px solid rgba(15,42,71,.08); color:#0F2A47; text-decoration:none; transition:color .2s, padding-left .2s; } .sgromo-footer-links a:last-child{ border-bottom:0; } .sgromo-footer-links a:hover{ color:#008cd1; padding-left:6px; } .sgromo-footer-office{ padding:9px 0; border-bottom:1px solid rgba(15,42,71,.08); } .sgromo-footer-office:last-child{ border-bottom:0; } .sgromo-footer-office strong{ display:block; color:#0F2A47; } .sgromo-footer-office span{ font-size:14px; opacity:.8; } /* social */ .sgromo-footer-social{ margin-top:20px; padding-top:16px; border-top:1px solid #C9CFD8; } .sgromo-footer-social-icons{ display:flex; gap:10px; margin-top:10px; } .sgromo-footer-social-icons a{ width:38px; height:38px; display:flex; align-items:center; justify-content:center; border:1px solid #B9C2CD; color:#0F2A47; transition:background .2s, border-color .2s, color .2s; } .sgromo-footer-social-icons a:hover{ background:#008cd1; border-color:#008cd1; color:#fff; } .sgromo-footer-social-icons svg{ width:18px; height:18px; fill:currentColor; } /* divisore */ .sgromo-footer-divider{ height:1px; background:linear-gradient(90deg,#008cd1 0 90px,#C9CFD8 90px); margin-top:44px; } .sgromo-footer-bottom{ display:flex; gap:40px; align-items:flex-start; padding-top:24px; } .sgromo-footer-disclaimer{ flex:1; font-size:12.5px; line-height:1.6; opacity:.75; } .sgromo-footer-legal{ text-align:right; font-size:13px; white-space:nowrap; padding-left:24px; border-left:1px solid #C9CFD8; } @media (max-width:900px){ .sgromo-footer-grid{ grid-template-columns:1fr 1fr; } .sgromo-footer-col{ padding:24px 0; } .sgromo-footer-col + .sgromo-footer-col{ border-left:0; border-top:1px solid #C9CFD8; } .sgromo-footer-bottom{ flex-direction:column; gap:18px; } .sgromo-footer-legal{ text-align:left; padding-left:0; border-left:0; border-top:1px solid #C9CFD8; padding-top:14px; width:100%; } } @media (max-width:600px){ .sgromo-footer-grid{ grid-template-columns:1fr; } } /* ========================================================== SGROMO DESIGN SYSTEM Base globale — 2026 Riferimento: Landing approvata ========================================================== */ :root { /* Brand */ --sg-navy: #0F2740; --sg-petrol: #2E5875; --sg-brand: #26AAE1; --sg-sky: var(--sg-brand); /* Testo e superfici */ --sg-text: #42566A; --sg-border: #C9D4DF; --sg-warm: #E5ECF3; --sg-warm-soft: #F3F6F9; --sg-steel: #5E748C; /* Neutri */ --sg-white: #FFFFFF; /* Layout */ --sg-container: 1180px; --sg-gutter: 24px; /* Spaziature */ --sg-space-xs: 8px; --sg-space-sm: 16px; --sg-space-md: 24px; --sg-space-lg: 40px; --sg-space-xl: 64px; --sg-space-2xl: 88px; /* Tipografia */ --sg-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; /* Focus accessibile */ --sg-focus-color: var(--sg-brand); --sg-focus-width: 3px; --sg-focus-offset: 3px; } /* ========================================================== ACCESSIBILITÀ ========================================================== */ :where( a, button, input, select, textarea, summary, [tabindex] ):focus-visible { outline: var(--sg-focus-width) solid var(--sg-focus-color); outline-offset: var(--sg-focus-offset); } /* ========================================================== UTILITÀ GLOBALI NUOVE Da utilizzare progressivamente nelle pagine ridisegnate ========================================================== */ .sg-container { width: min( calc(100% - (var(--sg-gutter) * 2)), var(--sg-container) ); margin-inline: auto; } .sg-section { padding-block: var(--sg-space-xl); } .sg-section--soft { background-color: var(--sg-warm-soft); } .sg-section--navy { background-color: var(--sg-navy); color: var(--sg-white); } /* ========================================================== RESPONSIVE ========================================================== */ @media (min-width: 768px) { :root { --sg-gutter: 32px; } .sg-section { padding-block: var(--sg-space-2xl); } } /* ========================================================== RIDUZIONE MOVIMENTO ========================================================== */ @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } } /* ========================================== SLIDER INTERVISTE — UNA SOLA RIGA ========================================== */ .sg-interview-slider { display: flex; flex-wrap: nowrap; gap: 18px; width: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 12px; } .sg-interview-slider > .sg-video-card { flex: 0 0 82%; min-width: 0; scroll-snap-align: start; } /* Tablet */ @media (min-width: 768px) { .sg-interview-slider > .sg-video-card { flex-basis: 46%; } } /* Desktop */ @media (min-width: 1024px) { .sg-interview-slider > .sg-video-card { flex-basis: calc((100% - 36px) / 3); } } @media (min-width: 1100px) { .sgromo-home .sg-slider-shell.is-scrollable .sg-slider-arrow { position: absolute; top: 50%; z-index: 6; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid #B7DDEB; border-radius: 50%; background: #FFFFFF; color: var(--sg-navy); box-shadow: 0 7px 22px rgba(15,39,64,.12); cursor: pointer; transform: translateY(-50%); } .sgromo-home .sg-slider-arrow--prev { left: -23px; } .sgromo-home .sg-slider-arrow--next { right: -23px; } .sgromo-home .sg-slider-arrow svg { width: 20px; height: 20px; display: block; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } } /* ========================================================== CONTROLLI SLIDER SGROMO ========================================================== */ .sgromo-home .sg-slider-shell { position: relative; min-width: 0; } /* Nasconde la scrollbar, mantenendo lo scorrimento */ .sgromo-home .sg-interview-slider { -ms-overflow-style: none; scrollbar-width: none; } .sgromo-home .sg-interview-slider::-webkit-scrollbar { display: none; } /* Frecce nascoste su mobile/tablet */ .sgromo-home .sg-slider-arrow { display: none; } @media (min-width: 1100px) { .sgromo-home .sg-slider-shell.is-scrollable .sg-slider-arrow { position: absolute; top: 50%; z-index: 6; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 1px solid #B7DDEB; border-radius: 50%; background: #FFFFFF; color: var(--sg-navy); box-shadow: 0 7px 22px rgba(15,39,64,.12); cursor: pointer; transform: translateY(-50%); transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, opacity .18s ease; } .sgromo-home .sg-slider-arrow--prev { left: -23px; } .sgromo-home .sg-slider-arrow--next { right: -23px; } .sgromo-home .sg-slider-arrow svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .sgromo-home .sg-slider-arrow:disabled { opacity: .28; cursor: default; box-shadow: none; } .sgromo-home .sg-slider-arrow:focus-visible { outline: 3px solid rgba(38,170,225,.28); outline-offset: 3px; } } @media (hover: hover) and (pointer: fine) { .sgromo-home .sg-slider-arrow:not(:disabled):hover { background: #ECF2F7; border-color: var(--sg-sky); color: var(--sg-petrol); } } /* ========================================================== SGROMO DESIGN SYSTEM — COMPONENTI GLOBALI Derivati dalla landing approvata ========================================================== */ /* ========================================================== BASE COMPONENTI ========================================================== */ .sg-section-eyebrow { margin: 0 0 10px !important; color: var(--sg-petrol) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: 1.55px !important; text-transform: uppercase !important; } .sg-section-intro { max-width: 820px; margin: 18px 0 0 !important; color: var(--sg-text) !important; font-size: 17px !important; line-height: 1.72 !important; } /* ========================================================== LINK ========================================================== */ a.sg-link-navy, a.sg-link-navy:visited { } a.sg-link-accent, a.sg-link-accent:visited { color: var(--sg-petrol) !important; } a.sg-link-white, a.sg-link-white:visited { color: var(--sg-white) !important; } /* ========================================================== CARD GLOBALI ========================================================== */ .sg-card { background: var(--sg-white); border: 1px solid var(--sg-border); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 20px rgba(15, 39, 64, .045); } .sg-card-body { padding: 24px; } .sg-kicker { margin: 0 0 8px; color: var(--sg-petrol); font-size: 12px; font-weight: 800; line-height: 1.35; letter-spacing: 1.15px; text-transform: uppercase; } .sg-card h3 { margin: 0; color: var(--sg-navy); font-size: 19px; line-height: 1.34; } .sg-card p { margin: 11px 0 0; color: var(--sg-text); font-size: 16px; line-height: 1.66; } /* ========================================================== MEDIA / VIDEO ========================================================== */ .sg-media-thumb { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #EDF3F8; border-bottom: 1px solid var(--sg-border); } .sg-media-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .28s ease; } .sg-video-card { border-top: 3px solid var(--sg-sky); } .sg-video-card .sg-card-body { padding: 20px 22px 23px; } .sg-video-card h3 { font-size: 17px; } .sg-card > a:first-child { display: block; position: relative; text-decoration: none; } /* Pulsante play sulle anteprime video */ .sg-card > a.sg-media-thumb::after, .sg-video-card-link .sg-media-thumb::after { content: "▶"; position: absolute; right: 14px; bottom: 14px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.94); color: var(--sg-petrol); font-size: 14px; box-shadow: 0 5px 16px rgba(15,39,64,.16); } /* ========================================================== SLIDER INTERVISTE — GLOBALE ========================================================== */ .sg-interview-slider { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(278px, 88%); gap: 16px; width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 1px; padding: 1px 1px 14px; /* scrollbar nascosta, swipe mantenuto */ scrollbar-width: none; -ms-overflow-style: none; } .sg-interview-slider::-webkit-scrollbar { display: none; } .sg-interview-slider > * { min-width: 0; scroll-snap-align: start; } .sg-slider-arrow { display: none; } /* ========================================================== TABLET ========================================================== */ @media (min-width: 560px) { .sg-section-eyebrow { font-size: 14px !important; } .sg-section-intro { font-size: 18px !important; } .sg-interview-slider { grid-auto-columns: minmax(300px, 62%); } } @media (min-width: 768px) { .sg-interview-slider { grid-auto-columns: calc((100% - 24px) / 2); gap: 24px; } } /* ========================================================== DESKTOP — 3 CARD + FRECCE ========================================================== */ @media (min-width: 1100px) { .sg-interview-slider { grid-auto-columns: calc((100% - 44px) / 3); gap: 22px; } .sg-slider-shell.is-scrollable .sg-slider-arrow { position: absolute; top: 50%; z-index: 6; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 1px solid #B7DDEB; border-radius: 50%; background: var(--sg-white); color: var(--sg-navy); box-shadow: 0 7px 22px rgba(15,39,64,.12); cursor: pointer; transform: translateY(-50%); transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, opacity .18s ease; } .sg-slider-arrow--prev { left: -23px; } .sg-slider-arrow--next { right: -23px; } .sg-slider-arrow svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .sg-slider-arrow:disabled { opacity: .28; cursor: default; box-shadow: none; } } /* ========================================================== HOVER — SOLO DISPOSITIVI CHE LO SUPPORTANO ========================================================== */ @media (hover: hover) and (pointer: fine) { .sg-slider-arrow:not(:disabled):hover, .sg-slider-arrow:not(:disabled):focus-visible { background: #ECF2F7; border-color: var(--sg-sky); color: var(--sg-petrol); } .sg-card { transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; } .sg-card:hover { border-color: #B7DDEB; transform: translateY(-3px); box-shadow: 0 11px 26px rgba(15,39,64,.075); } .sg-card:hover .sg-media-thumb img { transform: scale(1.025); } } /* ========================================================== ACCESSIBILITÀ SLIDER ========================================================== */ .sg-interview-slider:focus-visible { outline: 3px solid var(--sg-petrol); outline-offset: 4px; border-radius: 8px; } .sg-slider-arrow:focus-visible { outline: 3px solid rgba(38,170,225,.28); outline-offset: 3px; } /* ========================================================== RIDUZIONE MOVIMENTO — COMPONENTI ========================================================== */ @media (prefers-reduced-motion: reduce) { .sg-card, .sg-media-thumb img, .sg-slider-arrow { transition: none; } } /* ========================================================== FIX SLIDER TRACK — V3 Garantisce overflow orizzontale reale ========================================================== */ .sg-slider-track { /* CAMBIATO: Passiamo a Flexbox che gestisce lo scroll orizzontale nativo in modo impeccabile */ display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: 100%; max-width: 100%; /* SPAZIO IN BASSO: Protegge i box bianchi dalla barra */ padding-bottom: 24px !important; box-sizing: border-box !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; /* REGOLE VISIBILITÀ BARRA (Firefox) */ scrollbar-width: thin !important; scrollbar-color: #738690b0 #f1f1f100 !important; } /* REGOLE VISIBILITÀ BARRA (Chrome, Safari, Edge) */ .sg-slider-track::-webkit-scrollbar { display: block !important; height: 8px !important; } .sg-slider-track::-webkit-scrollbar-track { background: #f1f1f1 !important; border-radius: 10px !important; } .sg-slider-track::-webkit-scrollbar-thumb { background: #738690b0 !important; border-radius: 10px !important; } .sg-slider-track::-webkit-scrollbar-thumb:hover { background: #738690b0 !important; } /* LARGHEZZA CARD: Convertiamo i calcoli della griglia in calcoli Flex */ .sg-slider-track > * { flex: 0 0 88% !important; /* Mobile di base (corrisponde al tuo 88%) */ max-width: 88% !important; min-width: 278px !important; scroll-snap-align: start; box-sizing: border-box !important; } @media (min-width: 560px) { .sg-slider-track > * { flex: 0 0 62% !important; max-width: 62% !important; min-width: 300px !important; } } @media (min-width: 768px) { .sg-slider-track > * { /* 2 card per riga: simula il gap usando il margine destro */ flex: 0 0 calc((100% - 24px) / 2) !important; max-width: calc((100% - 24px) / 2) !important; margin-right: 24px !important; } } @media (min-width: 1100px) { .sg-slider-track > * { /* 3 card esatte per riga con il tuo spazio originale */ flex: 0 0 calc((100% - 44px) / 3) !important; max-width: calc((100% - 44px) / 3) !important; margin-right: 22px !important; } /* Rimuove il margine dall'ultima card per non sballare lo scroll finale */ .sg-slider-track > *:last-child { margin-right: 0 !important; } } /* CTA card video — colore design system */ .sg-video-card .sg-video-cta { color: #42566A!important; font-weight: 700; } /* ========================================================== HEADER MOBILE/TABLET — MENU TOGGLE ========================================================== */ @media (max-width: 1099px) { .menu-toggle, .mobile-menu-control-wrapper .menu-toggle { color: var(--sg-navy) !important; background: transparent !important; } .menu-toggle .gp-icon, .menu-toggle .gp-icon svg, .mobile-menu-control-wrapper .menu-toggle svg { color: var(--sg-navy) !important; fill: currentColor !important; } } /* MENU OFF CANVAS TABLET — sottomenu integrato */ @media (min-width: 769px) and (max-width: 992px) { #generate-slideout-menu .main-nav ul ul { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; } #generate-slideout-menu .main-nav ul ul li { background: transparent !important; border: 0 !important; } #generate-slideout-menu .main-nav ul ul li a { background: transparent !important; color: #FFFFFF !important; text-align: center !important; padding: 12px 20px !important; line-height: 1.4 !important; } } /* ========================================================== MENU OFF CANVAS — TABLET Estende il comportamento mobile fino a 992px ========================================================== */ @media (min-width: 769px) and (max-width: 992px) { #generate-slideout-menu .main-nav ul ul { position: static !important; float: none !important; width: 100% !important; left: auto !important; right: auto !important; box-shadow: none !important; } #generate-slideout-menu .main-nav ul ul li { width: 100% !important; float: none !important; } #generate-slideout-menu .main-nav ul ul li a { width: 100% !important; } } /* OFF CANVAS — leggibilità menu mobile/tablet */ #generate-slideout-menu .main-nav > ul > li > a { color: #FFFFFF !important; } #generate-slideout-menu .main-nav > ul > li.current-menu-ancestor > a, #generate-slideout-menu .main-nav > ul > li.current-menu-item > a { color: var(--sg-brand) !important; } #generate-slideout-menu .main-nav ul.sub-menu > li > a { background: transparent !important; color: #FFFFFF !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.4 !important; padding: 12px 20px !important; text-align: center !important; } /* OFF CANVAS — rimuove vecchi separatori verticali */ #generate-slideout-menu .main-nav > ul > li { border-left: 0 !important; border-right: 0 !important; } #generate-slideout-menu .main-nav > ul > li > a { border-left: 0 !important; border-right: 0 !important; } #generate-slideout-menu .main-nav > ul > li::before, #generate-slideout-menu .main-nav > ul > li::after, #generate-slideout-menu .main-nav > ul > li > a::before, #generate-slideout-menu .main-nav > ul > li > a::after { content: none !important; display: none !important; } /* ========================================================== FIX MENU OFF-CANVAS — TABLET + MOBILE Test comportamento sottomenu fino al breakpoint 1100px ========================================================== */ /* TEST OFF-CANVAS — sottomenu compatto fino a 1100px */ @media (max-width: 1100px) { #generate-slideout-menu .main-nav > ul > li > ul.sub-menu { height: auto !important; min-height: 0 !important; margin: 0 !important; } } /* TEST 2 — sottomenu chiuso non occupa spazio */ /* TEST 2 — sottomenu chiuso non occupa spazio */ @media (max-width: 1100px) { #generate-slideout-menu .main-nav > ul > li > ul.sub-menu { display: none !important; } #generate-slideout-menu .main-nav > ul > li.sfHover > ul.sub-menu { display: block !important; } } /* ========================================================== SGROMO DESIGN SYSTEM — TIPOGRAFIA GLOBALE Riferimento: Landing approvata ========================================================== */ /* Base tipografica delle pagine nuovo design */ .sgromo-home { font-family: var(--sg-font); font-size: 16px; line-height: 1.6; color: var(--sg-navy); } /* Titoli editoriali principali */ .sgromo-home h1, .sgromo-home h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: 400; color: var(--sg-navy); } /* H1 — stessa scala della landing approvata */ .sgromo-home h1 { font-size: 32px; line-height: 1.06; letter-spacing: -0.7px; } .sgromo-home-h1-intestazione { color: var(--global-color-14) font-size: 48px; font-weight: 700; letter-spacing: 1.7px; line-height: 1.3; margin-bottom: 0px; margin-top: 0px; text-transform: uppercase; } /* H2 — titolo standard delle sezioni */ .sgromo-home h2 { font-size: 26px; line-height: 1.18; letter-spacing: -0.3px; } /* H3 — volutamente sans-serif di default. Le componenti editoriali possono usare Georgia localmente. */ .sgromo-home h3 { font-family: var(--sg-font); font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--sg-navy); } /* Testo corrente */ .sgromo-home p, .sgromo-home li { font-family: var(--sg-font); color: var(--sg-text); font-size: 16px; line-height: 1.68; } /* Evita sillabazioni/rotture aggressive */ .sgromo-home h1, .sgromo-home h2, .sgromo-home h3, .sgromo-home h4, .sgromo-home p, .sgromo-home li { overflow-wrap: normal; word-break: normal; hyphens: none; } @media (min-width: 768px) { .sgromo-home h1 { font-size: 44px; letter-spacing: -1.2px; } .sgromo-home h2 { font-size: 34px; line-height: 1.14; letter-spacing: -0.65px; } } @media (min-width: 1100px) { .sgromo-home h2 { font-size: 32px; line-height: 1.14; letter-spacing: -0.5px; } .sgromo-home h2 { font-size: 26px; line-height: 1.18; letter-spacing: -0.3px; } } /* ========================================================== SGROMO — VIDEO CARD / INTERVISTE Gerarchia tipografica ========================================================== */ .sgromo-home .sg-video-card .sg-kicker { margin: 0 0 8px; color: var(--sg-petrol); font-family: var(--sg-font); font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: 0.8px; text-transform: uppercase; } .sgromo-home .sg-video-card h3 { margin: 0; color: var(--sg-navy); font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: 400; line-height: 1.3; letter-spacing: -0.2px; text-transform: none; } .sgromo-home .sg-video-card .sg-card-body > p:not(.sg-kicker) { margin: 12px 0 0; color: var(--sg-text); font-family: var(--sg-font); font-size: 16px; font-weight: 400; line-height: 1.66; text-transform: none; } /* ========================================================== SGROMO — RICONOSCIMENTI HOME Card derivate dalla landing approvata ========================================================== */ /* Card */ .sgromo-home .sg-award-card { display: grid !important; grid-template-columns: 108px minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; column-gap: 18px !important; row-gap: 0 !important; align-items: start !important; padding: 22px !important; background: var(--sg-white) !important; border-top: 1px solid #D6E1E6; border-right: 1px solid #D6E1E6; border-bottom: 1px solid #D6E1E6; border-left: 3px solid var(--global-color-5); border-radius: 8px; box-sizing: border-box !important; } /* Immagine */ .sgromo-home .sg-award-card > img { grid-column: 1 !important; grid-row: 1 / 3 !important; width: 108px !important; height: 108px !important; margin: 0 !important; padding: 8px !important; display: block !important; object-fit: contain !important; background: var(--sg-warm-soft) !important; border-radius: 6px !important; box-sizing: border-box !important; } /* Kicker */ .sgromo-home .sg-award-card > .sg-recognition-kicker { align-self: end !important; margin: 0 0 7px !important; padding: 0 !important; color: var(--sg-petrol) !important; font-family: var(--sg-font) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: 1px !important; text-transform: uppercase !important; } /* Titolo */ .sgromo-home .sg-award-card > h3 { align-self: start !important; margin: 0 !important; color: var(--sg-navy) !important; font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1.32 !important; letter-spacing: -0.2px !important; text-transform: none !important; } /* Descrizione */ .sgromo-home .sg-award-card > .sg-award-reveal { grid-column: 1 / -1 !important; grid-row: 3 !important; display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; overflow: visible !important; transform: none !important; margin: 20px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid var(--sg-border) !important; color: var(--sg-text) !important; font-family: var(--sg-font) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.65 !important; } /* Link nelle descrizioni */ .sgromo-home .sg-award-card > .sg-award-reveal a, .sgromo-home .sg-award-card > .sg-award-reveal a:visited { color: var(--sg-petrol) !important; } /* Mobile */ @media (max-width: 559px) { .sgromo-home .sg-award-card { grid-template-columns: 88px minmax(0, 1fr) !important; column-gap: 16px !important; padding: 18px !important; } .sgromo-home .sg-award-card > img { width: 88px !important; height: 88px !important; padding: 7px !important; } .sgromo-home .sg-award-card > .sg-recognition-kicker { font-size: 11px !important; letter-spacing: 0.8px !important; } .sgromo-home .sg-award-card > h3 { font-size: 18px !important; } .sgromo-home .sg-award-card > .sg-award-reveal { margin-top: 18px !important; padding-top: 16px !important; } } /* HOME — eyebrow azzurri */ .sgromo-home .sg-section-eyebrow { color: var(--sg-brand) !important; bottom:0px!important; } .sg-submit { width: 100%; min-height: 56px; padding: 15px 28px !important; border: 1px solid #0F2A47 !important; border-radius: 0 !important; background: #0F2A47 !important; color: #26AAE1 !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .02em; text-transform: none; cursor: pointer; box-shadow: none !important; transition: background-color .2s ease, border-color .2s ease, transform .15s ease; } .gb-text-ef7c13b6 { color: var(--base-3)!important; font-family: var(--sg-font); font-size: 46px; font-weight: 400; letter-spacing: -1px; line-height: 1.08; margin-bottom: 0px; margin-top: 0px; text-align: center } .gb-text-2e21d886 { color: var(--base-3)!important; font-size: 16px; font-family: var(--sg-font); letter-spacing: 1px; margin-bottom: 0px; margin-top: 0px } .gb-text-f837cabf { color: var(--base-3)!important; font-family: var(--sg-font); font-size: 16px; margin-bottom: 0px; margin-top: 0px } button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background) { color: var(--global-color-5); background-color: var(--global-color-5); } button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover { color: var(--base-3); background-color: var(--global-color-5); } /* Slider editoriale: nessun JS. Su mobile ogni viewport mostra 2 colonne x 2 righe; lo swipe rivela le successive. */ .sg-logo-slider{ display:grid; grid-template-rows:repeat(2,132px); grid-auto-flow:column; grid-auto-columns:calc((100% - 14px)/5); gap:14px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scroll-padding-inline:1px; padding:1px 1px 13px; scrollbar-width:thin; scrollbar-color:#B7DDEB transparent; } /* Mantiene le proprietà del contenitore */ .sg-slider-shell { position: relative; min-width: 0; } /* 1. Il contenitore esterno (quello del builder) */ .gb-element-dff2a2f0 { margin-top: 24px; width: 100%; overflow: hidden; /* Evita che tutta la pagina web si allarghi a destra */ } /* 2. Il contenitore interno dei loghi (lo slider vero e proprio) */ .sg-logo-slider { display: flex !important; /* Mette tutti i loghi uno di fianco all'altro in linea */ flex-wrap: nowrap !important; /* Impedisce tassativamente ai loghi di andare a capo */ /* ATTIVA LO SCORRIMENTO ORIZZONTALE */ overflow-x: auto !important; overflow-y: hidden !important; /* Spazio tra un logo e l'altro */ gap: 14px; padding-bottom: 10px; /* Spazio per non far toccare i loghi alla barra di scorrimento */ /* Rende lo scorrimento fluido sui dispositivi touch (smartphone) */ -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; } /* 3. I singoli elementi all'interno dello slider */ .sg-logo-slider > * { /* Forza ogni elemento a occupare la larghezza di 1 colonna su 5 (circa il 18%-20%) */ flex: 0 0 calc(20% - 12px) !important; scroll-snap-align: start; box-sizing: border-box; } /* 4. Stile del singolo box del logo */ .sg-logo { min-height: 132px; display: flex; align-items: center; justify-content: center; padding: 13px 10px; background: #fff; border: 1px solid var(--sg-border); border-radius: 7px; width: 100%; } .sg-logo img { width: 96%; height: 94px; object-fit: contain; } /* ======================================================== OTTIMIZZAZIONE PER MOBILE (Opzionale ma consigliata) Sul telefono i loghi al 20% sarebbero minuscoli. Li facciamo vedere più grandi (es. 2 o 3 alla volta visibili). ======================================================== */ @media (max-width: 767px) { .sg-logo-slider > * { /* Mostra circa 2 loghi e mezzo alla volta, così l'utente capisce che si può scorrere */ flex: 0 0 calc(40% - 10px) !important; } } /* Nota informativa dei casi: compatta, mobile-first e distinta dalle CTA. */ .sg-case-disclaimer{max-width:960px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;margin-top:22px;padding:16px 15px;background:var(--sg-warm-soft);border:1px solid #D3DDE7;border-left:3px solid var(--sg-steel);border-radius:7px} .sg-case-disclaimer-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #C1CFDC;border-radius:50%;background:#FFFFFF;color:var(--sg-steel);font-family:Georgia,"Times New Roman",Times,serif;font-size:15px;font-weight:700;line-height:1} .sg-case-disclaimer-title{margin:0 0 5px!important;color:#2E5875!important;font-size:11px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:1.05px!important;text-transform:uppercase!important} .sg-case-disclaimer-copy{margin:0!important;color:var(--sg-text)!important;font-size:14px!important;line-height:1.62!important} /* Cambia il colore del tasto Invio a riposo */ .wpcf7-submit { background-color: #0073aa !important; /* Inserisci il colore dello sfondo */ color: #ffffff !important; /* Inserisci il colore del testo */ border: none !important; padding: 10px 20px; border-radius: 4px; } /* Cambia il colore quando ci passi sopra con il mouse (Effetto Hover) */ .wpcf7-submit:hover { background-color: #005177 !important; /* Colore sfondo al passaggio del mouse */ color: #ffffff !important; /* Colore testo al passaggio del mouse */ } @media (min-width: 1100px) { .sgromo-home .sg-slider-shell { width: calc(100% - 64px); margin-inline: auto; } .sgromo-home .sg-slider-arrow--prev { left: -23px; } .sgromo-home .sg-slider-arrow--next { right: -23px; } } /* Assicurati che il tracciato dello slider permetta lo scorrimento e mostri la barra */ .sg-slider-track { overflow-x: auto !important; /* Forza la visualizzazione della scrollbar nativa */ scroll-behavior: smooth; /* Mantiene lo scorrimento fluido */ /* Per Firefox: rende la barra sottile e discreta */ scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; /* Colore barra / Colore sfondo tracciato */ } /* Per Chrome, Safari ed Edge: personalizza l'aspetto della barra */ .sg-slider-track::-webkit-scrollbar { height: 8px; /* Spessore della barra orizzontale */ } .sg-slider-track::-webkit-scrollbar-track { background: #f1f1f1; /* Colore dello sfondo della barra */ border-radius: 4px; } .sg-slider-track::-webkit-scrollbar-thumb { background: #888; /* Colore della barra trascinabile */ border-radius: 4px; } .sg-slider-track::-webkit-scrollbar-thumb:hover { background: #555; /* Colore della barra quando ci si passa sopra */ } /* ========================================================== TEST — ARCHIVI CATEGORIE / CARD ARTICOLI Nuovo design Sgromo ========================================================== */ body.archive.category .generate-columns-container { display: flex; flex-wrap: wrap; align-items: stretch; } body.archive.category article.generate-columns { display: flex; padding: 12px !important; } body.archive.category article.generate-columns > .inside-article { display: flex; flex-direction: column; width: 100%; padding: 0 !important; overflow: hidden; background: var(--sg-white); border: 1px solid var(--sg-border); border-radius: 8px; box-shadow: 0 8px 20px rgba(15, 39, 64, .045); } /* Immagine */ body.archive.category article.generate-columns .post-image { margin: 0 !important; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: var(--sg-warm-soft); } body.archive.category article.generate-columns .post-image a { display: block; width: 100%; height: 100%; } body.archive.category article.generate-columns .post-image img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover; } /* Titolo */ body.archive.category article.generate-columns .entry-header { padding: 22px 22px 0; } body.archive.category article.generate-columns .entry-title { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: 400; line-height: 1.25; letter-spacing: -0.25px; text-transform: none; } body.archive.category article.generate-columns .entry-title a, body.archive.category article.generate-columns .entry-title a:visited { color: var(--sg-navy); text-decoration: none; } /* Riassunto */ body.archive.category article.generate-columns .entry-summary { flex-grow: 1; margin: 0 !important; padding: 12px 22px 24px; color: var(--sg-text); font-family: var(--sg-font); font-size: 16px; line-height: 1.65; } body.archive.category article.generate-columns .entry-summary p { margin: 0; color: inherit; font: inherit; } /* Leggi tutto */ body.archive.category article.generate-columns .read-more { display: inline-block; margin-top: 14px; color: var(--sg-petrol); font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; } /* Interazioni desktop */ @media (hover: hover) and (pointer: fine) { body.archive.category article.generate-columns > .inside-article { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } body.archive.category article.generate-columns > .inside-article:hover { transform: translateY(-3px); border-color: #B7DDEB; box-shadow: 0 11px 26px rgba(15, 39, 64, .075); } body.archive.category article.generate-columns .entry-title a:hover, body.archive.category article.generate-columns .read-more:hover { color: var(--sg-brand); } } /* Tablet */ @media (max-width: 1099px) { body.archive.category article.generate-columns .entry-title { font-size: 21px; } } /* Mobile */ @media (max-width: 767px) { body.archive.category article.generate-columns { padding: 10px 0 !important; } body.archive.category article.generate-columns .entry-header { padding: 20px 20px 0; } body.archive.category article.generate-columns .entry-summary { padding: 11px 20px 22px; } body.archive.category article.generate-columns .entry-title { font-size: 21px; } } /* Accessibilità */ body.archive.category article.generate-columns .entry-title a:focus-visible, body.archive.category article.generate-columns .read-more:focus-visible { outline: 3px solid var(--sg-focus-color); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { body.archive.category article.generate-columns > .inside-article { transition: none; } } /* ========================================================== ARCHIVI CATEGORIE — card altezza uniforme ========================================================== */ body.archive.category article.generate-columns > .inside-article { display: flex; flex-direction: column; height: 100%; } body.archive.category article.generate-columns .entry-summary { display: flex; flex-direction: column; flex: 1; } body.archive.category article.generate-columns .entry-summary .read-more { margin-top: auto; } /* ARCHIVI CATEGORIE — spazio sotto header */ body.archive.category #primary { padding-top: 120px; } /* ARCHIVI CATEGORIE — titoli card */ body.archive.category article.generate-columns .entry-title, body.archive.category article.generate-columns .entry-title a, body.archive.category article.generate-columns .entry-title a:visited { color: var(--sg-navy) !important; font-family: Georgia, "Times New Roman", Times, serif !important; font-weight: 400 !important; } /* ARCHIVI CATEGORIE — titolo pagina */ body.archive.category .page-header h1, body.archive.category .page-header .page-title { color: var(--sg-navy) !important; font-family: Georgia, "Times New Roman", Times, serif !important; font-weight: 400 !important; letter-spacing: -0.4px; line-height: 1.15; } /* ARCHIVI CATEGORIE — descrizione categoria */ body.archive.category .page-header .taxonomy-description { max-width: 850px; margin-top: 18px; margin-bottom: 28px; color: var(--sg-text); font-size: 17px; line-height: 1.6; } body.archive.category .page-header .taxonomy-description p { margin: 0; } /* ========================================================== HOME — RISULTATI ANNUALI TESTUALI ========================================================== */ .sgromo-home .sg-result-card { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 160px; padding: 14px 10px 0; background: #fff; border: 1px solid var(--sg-border); text-align: center; overflow: hidden; } .sgromo-home .sg-result-over { display: block; margin-bottom: -4px; color: var(--sg-petrol); font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; line-height: 1.2; } .sgromo-home .sg-result-number { display: block; color: var(--sg-petrol); font-family: Georgia, "Times New Roman", Times, serif; font-size: clamp(46px, 5vw, 68px); font-weight: 400; line-height: .98; letter-spacing: -1.5px; } .sgromo-home .sg-result-unit { display: block; margin-top: 5px; color: var(--sg-brand); font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 1.2; } .sgromo-home .sg-result-year { display: block; width: calc(100% + 20px); margin: 10px -10px 0; padding: 6px 5px; background: var(--sg-petrol); border-bottom: 2px solid #c7a84d; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: 700; line-height: 1.2; } @media (max-width: 767px) { .sgromo-home .sg-result-card { min-height: 145px; padding-top: 12px; } .sgromo-home .sg-result-number { font-size: 46px; } .sgromo-home .sg-result-unit { font-size: 14px; } .sgromo-home .sg-result-year { font-size: 11px; } } /* Il contenitore che genera lo spazio per il bordo */ .riquadro-foto { position: relative; padding-top: 20px; /* Spessore del bordo azzurro in alto */ padding-left: 20px; /* Spessore del bordo azzurro a sinistra */ display: inline-block; width: 100%; } /* L'angolo azzurro chiaro dello stesso spessore del padding */ .riquadro-foto::before { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 15px); height: calc(100% - 15px); z-index: 1; } /* La linea scura fine (2px) allineata al millimetro */ .riquadro-foto::after { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 15px); height: 2px; background-color: #d9e9f0; z-index: 2; } /* Gestione dell'immagine vera e propria con angoli arrotondati */ .riquadro-foto img { position: relative; z-index: 3; /* Spinge la foto sopra lo sfondo geometrico */ border-radius: 8px; /* Arrotonda gli angoli della foto */ display: block; width: 100%; height: 650px; } @media (max-width: 767px) { .riquadro-foto img { width: 100%; height: auto; } } .inside-article a,.paging-navigation a,.comments-area a,.page-header a { color: var(--global-color-15); } .sgromo-home .h1-white { color: #FFFFFF; } .sg-journey-timeline{ position:relative; display:grid; grid-template-columns:1fr; gap:18px; margin-top:42px; padding-left:58px; } .sg-journey-timeline:before{ content:""; position:absolute; left:23px; top:24px; bottom:24px; width:2px; background:#B7DDEB; } .sg-journey-timeline .sg-step{ display:block; min-height:0; padding:21px 21px 21px 22px; background:#FFFFFF; border:1px solid #D7E1EA; border-radius:8px; box-shadow:0 8px 20px rgba(15,39,64,.04); } .sg-journey-timeline .sg-step:before{ content:""; position:absolute; left:-35px; top:43px; width:35px; height:2px; background:#B7DDEB; } .sg-journey-timeline .sg-step-num{ position:absolute; left:-58px; top:20px; z-index:2; box-shadow:0 0 0 5px var(--sg-warm); } .sg-journey-timeline .sg-step h3{ font-family:Georgia,"Times New Roman",Times,serif; font-size:20px; font-weight:400; line-height:1.32; letter-spacing:-.2px; } .sg-journey-timeline .sg-step:last-child{ background:#F8FAFC; border-color:#C8D5E1; } .sg-journey-timeline .sg-step:last-child .sg-step-num{ border-color:#B5C7D6; color:var(--sg-steel); } .gb-text-ef7c13b6 { color:var(--global-color-9)!important; font-family: var(--sg-font); font-size: 46px; font-weight: 400; letter-spacing: -1px; line-height: 1.08; margin-bottom: 0px; margin-top: 0px; text-align: left; } .gb-text-3b53b668 { color: #15477c !important; column-gap: 0.5em; display: flex; font-family: Georgia !important; font-size: 48px!important; font-weight: 400; text-align: left; text-transform: capitalize; } .gb-text-ef7c13b6 { color:#15477c !important; column-gap: 0.5em; display: flex; font-family: Georgia !important; font-size: 48px!important; font-weight: 400; text-align: left; text-transform: capitalize; } .gb-element-3547390d { font-family: Georgia !important; font-size: 25px!important; color:#FFFFFF!important; font-weight: 500!important; max-width: 100%; text-align: center; } /* ===================================================================== SGROMO — CSS COMUNE PAGINE (v9) --------------------------------------------------------------------- Stile della landing approvata, applicato SOLO a .sgromo-pagina. - Non tocca la landing (.sgromo-landing), header, footer o altre pagine. - Sfondi senza grigio: bianco / ghiaccio / navy (palette brand). - Dove incollarlo: Personalizza → CSS aggiuntivo, IN FONDO a tutto. ===================================================================== */ /* ---------- 1. TOKEN ---------- */ .sgromo-pagina{ --sg-navy:#0F2740; --sg-petrol:#2E5875; --sg-brand:#26AAE1; --sg-text:#42566A; --sg-steel:#5E748C; --sg-bg-white:#FFFFFF; --sg-bg-ice:#F2FAFD; --sg-bg-light:#E1F3FB; --sg-bg-navy:#0F2740; --sg-border:#D4EEF9; --sg-border-strong:#B7DDEB; --sg-text-on-navy:#D4EEF9; --sg-serif:Georgia,"Times New Roman",Times,serif; --sg-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; --sg-shadow:0 8px 20px rgba(15,39,64,.045); --sg-section-bg:#FFFFFF; font-family:var(--sg-sans); font-size:16px; line-height:1.6; color:var(--sg-navy); overflow-x:clip; } .sgromo-pagina, .sgromo-pagina *{box-sizing:border-box} .sgromo-pagina img{max-width:100%} .sgromo-pagina h1,.sgromo-pagina h2,.sgromo-pagina h3,.sgromo-pagina h4, .sgromo-pagina p,.sgromo-pagina a,.sgromo-pagina span,.sgromo-pagina strong, .sgromo-pagina li,.sgromo-pagina label,.sgromo-pagina summary{ overflow-wrap:normal!important; word-break:normal!important; hyphens:none!important; } /* ---------- 2. SEZIONI ---------- */ .sgromo-pagina .sg-section{ position:relative; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background-color:var(--sg-section-bg); } .sgromo-pagina .sg-bg-white{--sg-section-bg:var(--sg-bg-white)} .sgromo-pagina .sg-bg-ice{--sg-section-bg:var(--sg-bg-ice)} .sgromo-pagina .sg-bg-navy{--sg-section-bg:var(--sg-bg-navy)} .sgromo-pagina .sg-container{max-width:1440px;margin-left:auto;margin-right:auto;padding:72px 28px} .sgromo-pagina .sg-hero .sg-container{padding-top:124px;padding-bottom:88px} .sgromo-pagina .sg-section[id]{scroll-margin-top:100px} @media (min-width:768px){ .sgromo-pagina .sg-container{padding:82px 36px} .sgromo-pagina .sg-hero .sg-container{padding-top:150px;padding-bottom:104px} } @media (min-width:1100px){ .sgromo-pagina .sg-container{padding:96px 56px} .sgromo-pagina .sg-hero .sg-container{padding-top:170px;padding-bottom:122px} } /* ---------- 3. TIPOGRAFIA ---------- */ .sgromo-pagina.sgromo-pagina .sg-h1{ margin:0; max-width:820px; color:var(--sg-navy)!important; font-family:var(--sg-serif)!important; font-size:32px; font-weight:400; line-height:1.06; letter-spacing:-.7px; text-transform:none; } .sgromo-pagina.sgromo-pagina .sg-h2{ margin:0; max-width:900px; color:var(--sg-navy)!important; font-family:var(--sg-serif)!important; font-size:28px; font-weight:400; line-height:1.1; letter-spacing:-.6px; text-transform:none; } .sgromo-pagina.sgromo-pagina .sg-box-title{ margin:0; color:var(--sg-navy)!important; font-family:var(--sg-serif)!important; font-size:28px; font-weight:400; line-height:1.15; } .sgromo-pagina.sgromo-pagina .sg-section-eyebrow{ margin:0 0 10px; color:var(--sg-petrol)!important; font-family:var(--sg-sans)!important; font-size:13px; font-weight:800; line-height:1.3; letter-spacing:1.55px; text-transform:uppercase; } .sgromo-pagina .sg-section-intro{max-width:820px;margin:18px 0 0;color:var(--sg-text);font-size:17px;line-height:1.72} .sgromo-pagina .sg-text{margin:0;max-width:760px;color: var(--sg-text, #42566A);line-height:1.72} .sgromo-pagina .sg-text strong,.sgromo-pagina .sg-section-intro strong{color: var(--sg-text, #42566A);} .sgromo-pagina .sg-divider{width:42px;height:2px;background:var(--sg-brand)} .sgromo-pagina .sg-mt{margin-top:30px} @media (min-width:768px){ .sgromo-pagina.sgromo-pagina .sg-h1{font-size:44px;letter-spacing:-1.2px} .sgromo-pagina.sgromo-pagina .sg-h2{font-size:34px} .sgromo-pagina.sgromo-pagina .sg-box-title{font-size:30px} .sgromo-pagina.sgromo-pagina .sg-section-eyebrow{font-size:14px} .sgromo-pagina .sg-section-intro{font-size:18px} } @media (min-width:1100px){ .sgromo-pagina.sgromo-pagina .sg-h1{font-size:54px;letter-spacing:-1.7px} .sgromo-pagina.sgromo-pagina .sg-h2{font-size:40px} } /* Testi su sfondo navy */ .sgromo-pagina.sgromo-pagina .sg-bg-navy .sg-h2{color:#FFFFFF!important} .sgromo-pagina.sgromo-pagina .sg-bg-navy .sg-section-eyebrow{color:var(--sg-brand)!important} .sgromo-pagina .sg-bg-navy .sg-text{color:var(--sg-text-on-navy)} /* ---------- 4. BOTTONI ---------- */ .sgromo-pagina .sg-btn-row{display:flex;flex-wrap:wrap;gap:12px;width:100%} .sgromo-pagina .sg-btn-center{display:flex;justify-content:center;margin-top:34px} .sgromo-pagina.sgromo-pagina .sg-btn{ display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:48px; padding:12px 22px; border:1px solid transparent; border-radius:8px; font-family:var(--sg-sans); font-size:15px; font-weight:800; line-height:1.25; letter-spacing:.4px; text-align:center; text-transform:uppercase; text-decoration:none!important; white-space:normal; cursor:pointer; transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease; } .sgromo-pagina.sgromo-pagina .sg-btn--primary{background:var(--sg-navy);border-color:var(--sg-navy);color:#FFFFFF!important} .sgromo-pagina.sgromo-pagina .sg-btn--outline{background:transparent;border-color:var(--sg-brand);color:var(--sg-navy)!important} .sgromo-pagina.sgromo-pagina .sg-btn--soft{background:var(--sg-bg-light);border-color:var(--sg-brand);color:var(--sg-navy)!important} .sgromo-pagina.sgromo-pagina .sg-btn--brand{background:var(--sg-brand);border-color:var(--sg-brand);color:var(--sg-navy)!important} .sgromo-pagina.sgromo-pagina .sg-btn--ghost-light{background:transparent;border-color:#FFFFFF;color:#FFFFFF!important} .sgromo-pagina .sg-btn-sub{font-size:12px;font-weight:600;letter-spacing:.45px;text-transform:none;opacity:1;color:inherit} .sgromo-pagina .sg-btn--primary .sg-btn-sub{color:#E1F3FB} @media (max-width:519px){ .sgromo-pagina .sg-btn-row .sg-btn, .sgromo-pagina .sg-btn-center .sg-btn{width:100%} } /* ---------- 5. HERO ---------- */ .sgromo-pagina .sg-hero-grid{display:grid;grid-template-columns:1fr;row-gap:38px;align-items:start} .sgromo-pagina .sg-hero-content{display:flex;flex-direction:column;align-items:flex-start;row-gap:20px;min-width:0} .sgromo-pagina .sg-hero-content .sg-section-eyebrow{margin:0} .sgromo-pagina .sg-hero-lead{margin:2px 0 0;max-width:720px;padding-left:16px;border-left:2px solid var(--sg-brand);color:var(--sg-navy);font-size:17px;font-weight:700;line-height:1.5} .sgromo-pagina .sg-hero-box{ position:relative; display:flex; flex-direction:column; align-items:flex-start; row-gap:20px; padding:26px 22px 24px; background:#FFFFFF; border:1px solid var(--sg-border); border-top:3px solid var(--sg-brand); border-radius:8px; box-shadow:0 16px 38px rgba(15,39,64,.07); } .sgromo-pagina .sg-hero-box .sg-text{font-size:16px} .sgromo-pagina .sg-social-row{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;padding:0;list-style:none} .sgromo-pagina .sg-social-row li{margin:0;padding:0} .sgromo-pagina.sgromo-pagina .sg-social-row a{ display:flex; align-items:center; justify-content:center; width:42px; height:42px; background:#FFFFFF; border:1px solid var(--sg-border-strong); border-radius:8px; color:var(--sg-navy)!important; font-size:18px; text-decoration:none!important; transition:color .18s ease,transform .18s ease,border-color .18s ease; } @media (min-width:768px){ .sgromo-pagina .sg-hero-box{padding:32px 30px 30px} } @media (min-width:1024px){ .sgromo-pagina .sg-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);column-gap:72px;align-items:center} } /* ---------- 6. CHI SIAMO ---------- */ .sgromo-pagina .sg-about-grid{display:grid;grid-template-columns:1fr;row-gap:40px;align-items:center} .sgromo-pagina .sg-about-photo{margin:0;overflow:hidden;border:1px solid var(--sg-border);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-about-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} .sgromo-pagina .sg-about-content{display:flex;flex-direction:column;align-items:flex-start;row-gap:20px;min-width:0} .sgromo-pagina .sg-about-content .sg-section-eyebrow{margin:0} .sgromo-pagina .sg-highlight{margin:0;padding:16px 18px;background:var(--sg-bg-light);border-left:3px solid var(--sg-brand);color:var(--sg-navy);font-family:var(--sg-serif);font-size:19px;line-height:1.45} .sgromo-pagina .sg-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%} .sgromo-pagina .sg-result-card{display:flex;flex-direction:column;gap:3px;min-width:0;padding:16px 14px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px} .sgromo-pagina .sg-result-over{color:var(--sg-petrol);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase} .sgromo-pagina .sg-result-number{color:var(--sg-navy);font-family:var(--sg-serif);font-size:38px;font-weight:400;line-height:1} .sgromo-pagina .sg-result-unit{color:var(--sg-navy);font-size:14px;font-weight:700;line-height:1.3} .sgromo-pagina .sg-result-year{color:var(--sg-text);font-size:13px;line-height:1.35} .sgromo-pagina .sg-partner{display:grid;grid-template-columns:1fr;row-gap:16px;align-items:center;width:100%;padding:22px;background:var(--sg-bg-ice);border:1px solid var(--sg-border);border-radius:8px} .sgromo-pagina .sg-partner img{display:block;width:100%;max-width:150px;height:auto;padding:12px;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px} .sgromo-pagina .sg-partner p{margin:0;color:var(--sg-text);font-size:15px;line-height:1.65} @media (min-width:560px){ .sgromo-pagina .sg-partner{grid-template-columns:150px minmax(0,1fr);column-gap:22px} } @media (min-width:768px){ .sgromo-pagina .sg-results-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media (min-width:1024px){ .sgromo-pagina .sg-about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:72px;align-items:stretch} .sgromo-pagina .sg-about-photo img{height:100%;aspect-ratio:auto;object-fit:cover} } /* ---------- 7. CARD E SLIDER ---------- */ .sgromo-pagina .sg-snap{display:grid;grid-template-columns:1fr;gap:22px} .sgromo-pagina .sg-snap>*{min-width:0} .sgromo-pagina .sg-card{background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;overflow:hidden;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-card-body{padding:24px} .sgromo-pagina .sg-kicker{margin:0 0 8px;color:var(--sg-petrol);font-size:12px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase} .sgromo-pagina.sgromo-pagina .sg-card h3{margin:0;color:var(--sg-navy);font-family:var(--sg-sans);font-size:19px;font-weight:700;line-height:1.34;text-transform:none} .sgromo-pagina .sg-card p{margin:11px 0 0;color:var(--sg-text);font-size:16px;line-height:1.66} .sgromo-pagina .sg-card>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--sg-bg-light)} .sgromo-pagina .sg-media-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:var(--sg-bg-light);border-bottom:1px solid var(--sg-border)} .sgromo-pagina .sg-media-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease} .sgromo-pagina .sg-card>a.sg-media-thumb:after, .sgromo-pagina .sg-video-card-link .sg-media-thumb:after{content:"▶";position:absolute;right:14px;bottom:14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.94);color:var(--sg-petrol);font-size:14px;box-shadow:0 5px 16px rgba(15,39,64,.16)} .sgromo-pagina .sg-video-card{border-top:3px solid var(--sg-brand)} .sgromo-pagina .sg-video-card .sg-card-body{padding:20px 22px 23px} .sgromo-pagina.sgromo-pagina .sg-video-card h3{font-size:17px} .sgromo-pagina.sgromo-pagina .sg-video-card-link{display:block;height:100%;color:inherit!important;text-decoration:none!important} .sgromo-pagina .sg-video-cta{display:inline-block;margin-top:11px;color:var(--sg-petrol);font-size:16px;font-weight:700;line-height:1.55} .sgromo-pagina .sg-media-case{border-top:3px solid var(--sg-steel)} .sgromo-pagina .sg-media-case .sg-card-body{display:flex;flex-direction:column;min-height:182px} .sgromo-pagina .sg-status{display:inline-flex;align-self:flex-start;margin-top:auto;padding:7px 10px;background:var(--sg-bg-ice);border:1px solid var(--sg-border-strong);border-radius:6px;color:var(--sg-navy);font-size:11px;font-weight:800;letter-spacing:.65px} .sgromo-pagina .sg-media-case .sg-status{margin-top:auto} .sgromo-pagina .sg-status.is-won{background:var(--sg-bg-light);color:var(--sg-petrol)} .sgromo-pagina .sg-card-body>.sg-status{margin-top:15px} .sgromo-pagina .sg-media-case .sg-card-body>.sg-status{margin-top:auto} .sgromo-pagina .sg-award-video .sg-card-body{padding:20px 22px 23px} .sgromo-pagina .sg-interview-slider, .sgromo-pagina .sg-review-slider{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(278px,88%); gap:16px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scroll-padding-inline:1px; padding:1px 1px 14px; scrollbar-width:thin; scrollbar-color:var(--sg-border-strong) transparent; } .sgromo-pagina .sg-review-slider{grid-auto-columns:minmax(270px,94%)} .sgromo-pagina .sg-interview-slider>*, .sgromo-pagina .sg-review-slider>*{min-width:0;scroll-snap-align:start} .sgromo-pagina .sg-logo-slider{ display:grid; grid-template-rows:repeat(2,132px); grid-auto-flow:column; grid-auto-columns:calc((100% - 14px)/2); gap:14px; margin-top:24px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scroll-padding-inline:1px; padding:1px 1px 13px; scrollbar-width:thin; scrollbar-color:var(--sg-border-strong) transparent; } .sgromo-pagina .sg-logo-slider>*{scroll-snap-align:start} .sgromo-pagina .sg-logo{min-height:132px;display:flex;align-items:center;justify-content:center;padding:13px 10px;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:7px} .sgromo-pagina .sg-logo img{width:96%;height:94px;object-fit:contain} @media (min-width:560px){ .sgromo-pagina .sg-interview-slider{grid-auto-columns:minmax(300px,62%)} .sgromo-pagina .sg-logo{min-height:126px} .sgromo-pagina .sg-logo img{height:90px} } @media (min-width:768px){ .sgromo-pagina .sg-snap{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .sgromo-pagina .sg-interview-slider{grid-auto-columns:calc((100% - 24px)/2)} .sgromo-pagina .sg-logo-slider{grid-template-rows:132px;grid-auto-columns:calc((100% - 60px)/5);gap:15px} } @media (min-width:1100px){ .sgromo-pagina .sg-snap.sg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .sgromo-pagina .sg-interview-slider, .sgromo-pagina .sg-review-slider{grid-auto-columns:calc((100% - 44px)/3);gap:22px} .sgromo-pagina .sg-award-video .sg-card-body{min-height:142px} } /* Approfondimenti */ .sgromo-pagina .sg-article-card{display:flex;flex-direction:column} .sgromo-pagina .sg-article-card .sg-card-body{display:flex;flex-direction:column;flex:1} .sgromo-pagina .sg-article-date{margin:0 0 8px!important;color:var(--sg-petrol)!important;font-size:13px!important;font-weight:700;letter-spacing:.4px} .sgromo-pagina.sgromo-pagina .sg-card-link{display:inline-block;margin-top:auto;padding-top:14px;color:var(--sg-petrol)!important;font-size:16px;font-weight:800;text-decoration:none!important} /* ---------- 8. RICONOSCIMENTI ---------- */ .sgromo-pagina .sg-recognition-grid{display:grid;grid-template-columns:1fr;gap:16px} .sgromo-pagina .sg-recognition-card{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"media head" "copy copy";column-gap:17px;row-gap:17px;padding:18px;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;overflow:hidden;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-recognition-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sg-brand)} .sgromo-pagina .sg-recognition-card:nth-child(odd):after{background:var(--sg-steel)} .sgromo-pagina .sg-recognition-media{grid-area:media;width:96px;height:96px;display:flex;align-items:center;justify-content:center;padding:8px;background:var(--sg-bg-ice);border:1px solid var(--sg-border);border-radius:8px} .sgromo-pagina .sg-recognition-media img{display:block;width:100%;height:100%;object-fit:contain} .sgromo-pagina .sg-recognition-head{grid-area:head;align-self:center;min-width:0} .sgromo-pagina .sg-recognition-card .sg-kicker{margin:0 0 7px;color:var(--sg-steel);font-size:10px;line-height:1.35;letter-spacing:1px} .sgromo-pagina.sgromo-pagina .sg-recognition-card h3{margin:0;color:var(--sg-navy);font-family:var(--sg-serif);font-size:19px;font-weight:400;line-height:1.28;letter-spacing:-.25px} .sgromo-pagina .sg-recognition-copy{grid-area:copy;margin:0;padding-top:15px;border-top:1px solid var(--sg-border);color:var(--sg-text);font-size:16px;line-height:1.66} .sgromo-pagina.sgromo-pagina .sg-recognition-copy a{color:var(--sg-petrol)!important;text-decoration:underline;text-underline-offset:3px} @media (min-width:768px){ .sgromo-pagina .sg-recognition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .sgromo-pagina .sg-recognition-card{grid-template-columns:104px minmax(0,1fr);padding:20px} .sgromo-pagina .sg-recognition-media{width:104px;height:104px} } @media (min-width:1100px){ .sgromo-pagina .sg-recognition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .sgromo-pagina .sg-recognition-card{grid-template-columns:112px minmax(0,1fr);padding:22px} .sgromo-pagina .sg-recognition-media{width:112px;height:112px} } /* ---------- 9. COME DENUNCIARE ---------- */ .sgromo-pagina .sg-feature-grid{display:grid;grid-template-columns:1fr;gap:18px} .sgromo-pagina .sg-feature{position:relative;display:flex;flex-direction:column;padding:25px 24px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-feature-head{display:flex;align-items:center;gap:15px;margin-bottom:18px} .sgromo-pagina .sg-feature-icon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 54px;border:1px solid var(--sg-border-strong);border-radius:12px;background:var(--sg-bg-light);color:var(--sg-petrol)} .sgromo-pagina .sg-feature-icon svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .sgromo-pagina.sgromo-pagina .sg-feature h3{margin:0;color:var(--sg-navy);font-family:var(--sg-sans);font-size:20px;font-weight:700;line-height:1.25} .sgromo-pagina .sg-feature p{margin:0 0 16px;color:var(--sg-text);font-size:16px;line-height:1.68} .sgromo-pagina.sgromo-pagina .sg-feature a{margin-top:auto;color:var(--sg-petrol)!important;font-weight:800;text-decoration:none!important} @media (min-width:768px){.sgromo-pagina .sg-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}} @media (min-width:1100px){.sgromo-pagina .sg-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} /* ---------- 10. CASI ---------- */ .sgromo-pagina .sg-case-disclaimer{max-width:960px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;margin-top:22px;padding:16px 15px;background:var(--sg-bg-ice);border:1px solid var(--sg-border);border-left:3px solid var(--sg-steel);border-radius:0 7px 7px 0} .sgromo-pagina .sg-case-disclaimer-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sg-border-strong);border-radius:50%;background:#FFFFFF;color:var(--sg-steel);font-family:var(--sg-serif);font-size:15px;font-weight:700;line-height:1} .sgromo-pagina .sg-case-disclaimer-title{margin:0 0 5px;color:var(--sg-petrol);font-size:11px;font-weight:800;line-height:1.35;letter-spacing:1.05px;text-transform:uppercase} .sgromo-pagina .sg-case-disclaimer-copy{margin:0;color:var(--sg-text);font-size:14px;line-height:1.62} .sgromo-pagina .sg-case-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:32px} .sgromo-pagina .sg-case-card{display:grid;grid-template-columns:112px minmax(0,1fr);background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;overflow:hidden;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-case-card>img{width:112px;height:100%;min-height:142px;object-fit:cover;background:var(--sg-bg-light)} .sgromo-pagina .sg-case-content{display:flex;flex-direction:column;padding:19px;min-width:0} .sgromo-pagina .sg-case-cat{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase} .sgromo-pagina.sgromo-pagina .sg-case-cat a{color:var(--sg-petrol)!important;text-decoration:none!important} .sgromo-pagina.sgromo-pagina .sg-case-card h3{margin:0;color:var(--sg-navy);font-family:var(--sg-sans);font-size:17px;font-weight:700;line-height:1.38} .sgromo-pagina .sg-case-excerpt{display:none;margin:9px 0 0;color:var(--sg-text);font-size:16px;line-height:1.62} .sgromo-pagina .sg-case-meta{display:flex;justify-content:flex-end;margin-top:auto;padding-top:14px} .sgromo-pagina.sgromo-pagina .sg-case-read{color:var(--sg-petrol)!important;font-size:14px;font-weight:800;text-decoration:none!important} @media (min-width:560px){ .sgromo-pagina .sg-case-disclaimer{grid-template-columns:32px minmax(0,1fr);gap:14px;padding:18px 19px} .sgromo-pagina .sg-case-disclaimer-copy{font-size:15px} } @media (min-width:768px){ .sgromo-pagina .sg-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .sgromo-pagina .sg-case-card{display:flex;flex-direction:column} .sgromo-pagina .sg-case-card>img{width:100%;height:auto;aspect-ratio:400/284;min-height:0} .sgromo-pagina .sg-case-content{padding:21px} .sgromo-pagina.sgromo-pagina .sg-case-card h3{font-size:18px} .sgromo-pagina .sg-case-excerpt{display:block} } @media (min-width:1100px){ .sgromo-pagina .sg-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} } /* ---------- 11. PERCORSO (timeline) ---------- */ .sgromo-pagina .sg-journey-timeline{position:relative;display:grid;grid-template-columns:1fr;gap:18px;margin-top:42px;padding-left:58px} .sgromo-pagina .sg-journey-timeline:before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:var(--sg-border-strong)} .sgromo-pagina .sg-step{position:relative;min-width:0} .sgromo-pagina .sg-journey-timeline .sg-step{display:block;padding:21px 21px 21px 22px;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-journey-timeline .sg-step:before{content:"";position:absolute;left:-35px;top:43px;width:35px;height:2px;background:var(--sg-border-strong)} .sgromo-pagina .sg-step-num{position:absolute;left:-58px;top:20px;z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid var(--sg-border-strong);border-radius:50%;background:#FFFFFF;color:var(--sg-petrol);font-size:12px;font-weight:800;box-shadow:0 0 0 5px var(--sg-section-bg)} .sgromo-pagina.sgromo-pagina .sg-journey-timeline .sg-step h3{margin:0;color:var(--sg-navy);font-family:var(--sg-serif);font-size:20px;font-weight:400;line-height:1.32;letter-spacing:-.2px} .sgromo-pagina .sg-journey-timeline .sg-step p{margin:8px 0 0;color:var(--sg-text);font-size:16px;line-height:1.66} .sgromo-pagina .sg-journey-timeline .sg-step:last-child{background:var(--sg-bg-ice)} @media (min-width:980px){ .sgromo-pagina .sg-journey-timeline{max-width:1240px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:0;padding:8px 0 4px} .sgromo-pagina .sg-journey-timeline:before{left:50%;top:12px;bottom:62px;transform:translateX(-1px)} .sgromo-pagina .sg-journey-timeline .sg-step{width:calc(50% - 42px);min-height:112px;padding:24px 26px 25px;border-top:3px solid var(--sg-border-strong);box-shadow:0 14px 34px rgba(15,39,64,.065)} .sgromo-pagina .sg-journey-timeline .sg-step + .sg-step{margin-top:20px} .sgromo-pagina .sg-journey-timeline .sg-step:nth-child(odd){align-self:flex-start} .sgromo-pagina .sg-journey-timeline .sg-step:nth-child(even){align-self:flex-end} .sgromo-pagina .sg-journey-timeline .sg-step:nth-child(odd):before{left:auto;right:-42px;top:44px;width:42px} .sgromo-pagina .sg-journey-timeline .sg-step:nth-child(even):before{left:-42px;top:44px;width:42px} .sgromo-pagina .sg-step-num{width:52px;height:52px;top:18px;font-size:13px;box-shadow:0 0 0 7px var(--sg-section-bg),0 8px 20px rgba(15,39,64,.08)} .sgromo-pagina .sg-journey-timeline .sg-step:nth-child(odd) .sg-step-num{left:auto;right:-68px} .sgromo-pagina .sg-journey-timeline .sg-step:nth-child(even) .sg-step-num{left:-68px} .sgromo-pagina.sgromo-pagina .sg-journey-timeline .sg-step h3{font-size:21px;line-height:1.3} .sgromo-pagina .sg-journey-timeline .sg-step:last-child{width:min(660px,calc(100% - 220px));align-self:center;margin-top:58px;padding:30px 34px 28px;z-index:3} .sgromo-pagina .sg-journey-timeline .sg-step:last-child:before{display:none} .sgromo-pagina .sg-journey-timeline .sg-step:last-child .sg-step-num{left:50%;right:auto;top:-29px;transform:translateX(-50%);background:var(--sg-bg-ice)} .sgromo-pagina.sgromo-pagina .sg-journey-timeline .sg-step:last-child h3{text-align:center;font-size:22px} .sgromo-pagina .sg-journey-timeline .sg-step:last-child p{max-width:570px;margin:10px auto 0;text-align:center} } /* ---------- 12. SPECIALIZZAZIONI ---------- */ .sgromo-pagina .sg-spec-grid{display:grid;grid-template-columns:1fr;row-gap:40px} .sgromo-pagina .sg-spec-intro{display:flex;flex-direction:column;align-items:flex-start;row-gap:20px;min-width:0} .sgromo-pagina .sg-spec-intro .sg-section-eyebrow{margin:0} .sgromo-pagina .sg-spec-list{display:grid;grid-template-columns:1fr;column-gap:36px;margin:0;padding:0;list-style:none;border-top:1px solid var(--sg-border-strong)} .sgromo-pagina .sg-spec-list li{margin:0;padding:0;border-bottom:1px solid var(--sg-border)} .sgromo-pagina.sgromo-pagina .sg-spec-list a{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-items:center;padding:18px 4px;color:var(--sg-navy)!important;text-decoration:none!important} .sgromo-pagina .sg-spec-list img{display:block;width:40px;height:40px;object-fit:contain} .sgromo-pagina.sgromo-pagina .sg-spec-list h3{margin:0;color:inherit;font-family:var(--sg-sans);font-size:17px;font-weight:800;line-height:1.35;letter-spacing:.4px;text-transform:uppercase;transition:color .18s ease} @media (min-width:768px){.sgromo-pagina .sg-spec-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (min-width:1024px){.sgromo-pagina .sg-spec-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);column-gap:72px;align-items:start}} /* ---------- 13. STATISTICHE ---------- */ .sgromo-pagina .sg-stats-source{margin:10px 0 0;color:var(--sg-text);font-size:15px;font-style:italic} .sgromo-pagina .sg-stats-grid{display:grid;grid-template-columns:1fr;gap:28px;margin-top:36px} .sgromo-pagina .sg-stat-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:10px} .sgromo-pagina .sg-stat-label{margin:0;color:var(--sg-navy);font-size:17px;font-weight:700;line-height:1.4} .sgromo-pagina .sg-stat-value{margin:0;color:var(--sg-petrol);font-family:var(--sg-serif);font-size:28px;line-height:1} .sgromo-pagina .sg-stat-track{height:6px;overflow:hidden;background:var(--sg-bg-light);border-radius:3px} .sgromo-pagina .sg-stat-fill{height:100%;background:var(--sg-brand);border-radius:3px} @media (min-width:768px){.sgromo-pagina .sg-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:32px}} /* ---------- 14. RECENSIONI ---------- */ .sgromo-pagina .sg-review-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px} .sgromo-pagina .sg-rating{min-width:0;padding:14px 12px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:2px solid var(--sg-steel);border-radius:8px} .sgromo-pagina .sg-rating-head{display:flex;align-items:center;gap:8px;min-width:0} .sgromo-pagina .sg-rating-icon{width:30px;height:30px;flex:0 0 30px;object-fit:contain} .sgromo-pagina .sg-rating strong{display:block;min-width:0;color:var(--sg-navy);font-family:var(--sg-serif);font-size:24px;font-weight:400;line-height:1;white-space:nowrap} .sgromo-pagina .sg-rating span{display:block;margin-top:8px;color:var(--sg-text);font-size:13px;line-height:1.45} .sgromo-pagina .sg-review-summary .sg-rating:last-child{grid-column:1/-1} .sgromo-pagina .sg-review-slider{margin-top:20px} .sgromo-pagina .sg-review-card{position:relative;padding:24px;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-review-card:before{content:"“";position:absolute;right:18px;top:9px;color:var(--sg-border-strong);font-family:var(--sg-serif);font-size:50px;line-height:1} .sgromo-pagina .sg-stars{color:var(--sg-steel);letter-spacing:2px;font-size:15px} .sgromo-pagina .sg-review-card blockquote{margin:13px 0 17px;padding:0;border:0;color:var(--sg-text);font-size:16px;font-style:italic;line-height:1.7} .sgromo-pagina .sg-review-card strong{display:block;color:var(--sg-navy);font-size:16px} .sgromo-pagina .sg-review-card small{display:block;margin-top:5px;color:var(--sg-text);font-size:13px} @media (min-width:768px){.sgromo-pagina .sg-review-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.sgromo-pagina .sg-review-summary .sg-rating:last-child{grid-column:auto}} @media (min-width:1100px){ .sgromo-pagina .sg-review-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} .sgromo-pagina .sg-review-summary .sg-rating:nth-child(-n+3){grid-column:span 2} .sgromo-pagina .sg-review-summary .sg-rating:nth-child(n+4){grid-column:span 3} } /* Recensioni: 2 colonne su mobile, 2 card visibili su tablet */ @media (max-width:767px){ .sgromo-pagina .sg-review-slider{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-x:visible;scroll-snap-type:none;padding:0} .sgromo-pagina .sg-review-card{padding:16px 14px} .sgromo-pagina .sg-review-card:before{right:10px;top:6px;font-size:36px} .sgromo-pagina .sg-stars{font-size:12px;letter-spacing:1px} .sgromo-pagina .sg-review-card blockquote{margin:10px 0 12px;font-size:14px;line-height:1.55} .sgromo-pagina .sg-review-card strong{font-size:14px} .sgromo-pagina .sg-review-card small{font-size:12px} } @media (min-width:768px) and (max-width:1099px){ .sgromo-pagina .sg-review-slider{grid-auto-columns:calc((100% - 16px)/2)} } /* ---------- 15. CTA NAVY ---------- */ .sgromo-pagina .sg-cta-band .sg-container{text-align:center} .sgromo-pagina.sgromo-pagina .sg-cta-band .sg-h2{margin-left:auto;margin-right:auto} .sgromo-pagina .sg-cta-label{margin:30px 0 6px;color:#FFFFFF;font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase} .sgromo-pagina.sgromo-pagina .sg-cta-phone{display:inline-block;color:#FFFFFF!important;font-family:var(--sg-serif);font-size:36px;font-weight:400;line-height:1.15;letter-spacing:.5px;text-decoration:none!important} .sgromo-pagina .sg-cta-hours{margin:6px 0 0;color:var(--sg-text-on-navy);font-size:16px;font-weight:700} .sgromo-pagina .sg-cta-band .sg-btn-row{justify-content:center;margin-top:30px} @media (min-width:768px){.sgromo-pagina.sgromo-pagina .sg-cta-phone{font-size:44px}} /* ---------- 16. FORM ---------- */ .sgromo-pagina .sg-form-layout{display:grid;grid-template-columns:1fr;row-gap:38px;align-items:start} .sgromo-pagina .sg-form-info{display:flex;flex-direction:column;row-gap:10px;min-width:0} .sgromo-pagina .sg-form-info .sg-text{margin-top:6px} .sgromo-pagina .sg-benefit-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px} .sgromo-pagina .sg-benefit-grid .sg-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:17px;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:7px} .sgromo-pagina .sg-benefit-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sg-border-strong);border-radius:8px;background:var(--sg-bg-light);color:var(--sg-petrol)} .sgromo-pagina .sg-benefit-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .sgromo-pagina.sgromo-pagina .sg-benefit-grid h3{margin:1px 0 0;color:var(--sg-navy);font-family:var(--sg-sans);font-size:17px;font-weight:700;line-height:1.38} .sgromo-pagina .sg-benefit-grid p{margin:7px 0 0;color:var(--sg-text);font-size:16px;line-height:1.62} .sgromo-pagina.sgromo-pagina .sg-benefit-grid a{color:var(--sg-petrol)!important;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .sgromo-pagina .sg-form-box{display:flex;flex-direction:column;row-gap:16px;padding:26px 24px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:4px solid var(--sg-petrol);border-radius:8px;scroll-margin-top:88px} .sgromo-pagina .sg-form-box .sg-text{font-size:16px} @media (min-width:768px){ .sgromo-pagina .sg-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .sgromo-pagina .sg-form-box{padding:34px 32px;scroll-margin-top:104px} } @media (min-width:1180px){ .sgromo-pagina .sg-form-layout{grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);column-gap:72px} .sgromo-pagina .sg-form-box{scroll-margin-top:118px} } /* Contact Form 7 */ .sgromo-pagina .wpcf7{font-size:16px;line-height:1.55} .sgromo-pagina .wpcf7 label{color:var(--sg-navy);font-family:var(--sg-sans);font-size:16px} .sgromo-pagina .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .sgromo-pagina .wpcf7 textarea, .sgromo-pagina .wpcf7 select{width:100%;background:#FFFFFF;color:var(--sg-navy);border:1px solid var(--sg-border-strong);border-radius:6px;font-size:16px} .sgromo-pagina .wpcf7 input[type="checkbox"], .sgromo-pagina .wpcf7 input[type="radio"]{width:18px!important;min-width:18px;height:18px;margin:2px 0 0!important;padding:0!important;flex:0 0 18px;accent-color:var(--sg-brand)} .sgromo-pagina .wpcf7 .wpcf7-acceptance .wpcf7-list-item{display:block;margin:0!important} .sgromo-pagina .wpcf7 .wpcf7-acceptance label{display:flex!important;align-items:flex-start!important;gap:10px;width:100%} .sgromo-pagina .wpcf7 .wpcf7-acceptance .wpcf7-list-item-label{display:block;flex:1;min-width:0} .sgromo-pagina .wpcf7 input[type="submit"], .sgromo-pagina .wpcf7 button[type="submit"]{min-height:48px;background:var(--sg-brand)!important;color:var(--sg-navy)!important;border:1px solid var(--sg-brand)!important;border-radius:8px;font-weight:800} /* ---------- 17. FRECCE SLIDER (solo desktop, aggiunte dallo script) ---------- */ .sgromo-pagina .sg-slider-shell{position:relative;min-width:0} .sgromo-pagina .sg-slider-arrow{display:none} @media (min-width:1100px){ .sgromo-pagina .sg-slider-shell.is-scrollable .sg-slider-arrow{position:absolute;top:50%;z-index:6;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--sg-border-strong);border-radius:50%;background:#FFFFFF;color:var(--sg-navy);box-shadow:0 7px 22px rgba(15,39,64,.12);cursor:pointer;transform:translateY(-50%);transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease} .sgromo-pagina .sg-slider-arrow--prev{left:-23px} .sgromo-pagina .sg-slider-arrow--next{right:-23px} .sgromo-pagina .sg-slider-arrow svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .sgromo-pagina .sg-slider-arrow:disabled{opacity:.28;cursor:default;box-shadow:none} } /* ---------- 18. FOCUS E HOVER ---------- */ .sgromo-pagina a:focus-visible, .sgromo-pagina button:focus-visible{outline:3px solid var(--sg-petrol);outline-offset:3px} .sgromo-pagina .sg-bg-navy a:focus-visible{outline-color:var(--sg-brand)} .sgromo-pagina .sg-interview-slider:focus-visible, .sgromo-pagina .sg-review-slider:focus-visible, .sgromo-pagina .sg-logo-slider:focus-visible{outline:3px solid var(--sg-petrol);outline-offset:4px;border-radius:8px} @media (hover:hover) and (pointer:fine){ .sgromo-pagina.sgromo-pagina .sg-btn:hover,.sgromo-pagina.sgromo-pagina .sg-btn:focus-visible{transform:translateY(-2px);box-shadow:0 9px 20px rgba(15,39,64,.11)} .sgromo-pagina.sgromo-pagina .sg-btn--primary:hover,.sgromo-pagina.sgromo-pagina .sg-btn--primary:focus-visible{background:var(--sg-petrol);border-color:var(--sg-petrol);color:#FFFFFF!important} .sgromo-pagina.sgromo-pagina .sg-btn--outline:hover,.sgromo-pagina.sgromo-pagina .sg-btn--outline:focus-visible, .sgromo-pagina.sgromo-pagina .sg-btn--soft:hover,.sgromo-pagina.sgromo-pagina .sg-btn--soft:focus-visible{background:var(--sg-bg-light);border-color:var(--sg-brand);color:var(--sg-navy)!important} .sgromo-pagina.sgromo-pagina .sg-btn--brand:hover,.sgromo-pagina.sgromo-pagina .sg-btn--brand:focus-visible{background:#FFFFFF;border-color:#FFFFFF;color:var(--sg-navy)!important} .sgromo-pagina.sgromo-pagina .sg-btn--ghost-light:hover,.sgromo-pagina.sgromo-pagina .sg-btn--ghost-light:focus-visible{background:#FFFFFF;color:var(--sg-navy)!important} .sgromo-pagina.sgromo-pagina .sg-btn--whatsapp:hover,.sgromo-pagina.sgromo-pagina .sg-btn--whatsapp:focus-visible{background:#25D366;border-color:#25D366;color:var(--sg-navy)!important} .sgromo-pagina.sgromo-pagina .sg-social-row a:hover{border-color:var(--sg-brand);color:var(--sg-petrol)!important;transform:translateY(-2px)} .sgromo-pagina.sgromo-pagina .sg-spec-list a:hover h3{color:var(--sg-petrol)} .sgromo-pagina .sg-slider-arrow:not(:disabled):hover{background:var(--sg-bg-light);border-color:var(--sg-brand);color:var(--sg-petrol)} .sgromo-pagina .sg-card,.sgromo-pagina .sg-feature,.sgromo-pagina .sg-case-card,.sgromo-pagina .sg-recognition-card{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease} .sgromo-pagina .sg-card:hover,.sgromo-pagina .sg-feature:hover,.sgromo-pagina .sg-case-card:hover,.sgromo-pagina .sg-recognition-card:hover{border-color:var(--sg-border-strong);transform:translateY(-3px);box-shadow:0 11px 26px rgba(15,39,64,.075)} .sgromo-pagina .sg-card:hover .sg-media-thumb img{transform:scale(1.025)} } @media (prefers-reduced-motion:reduce){ .sgromo-pagina *{scroll-behavior:auto!important;transition:none!important} } /* ---------- 19. PROTEZIONE DALLE REGOLE GLOBALI GIÀ PRESENTI NEL PERSONALIZZATORE ---------- */ /* Il Personalizzatore ha regole globali con gli stessi nomi (.sg-section, .sg-container, ...): qui le neutralizziamo dentro .sgromo-pagina */ .sgromo-pagina .sg-section{padding-block:0} .sgromo-pagina .sg-container{width:auto} .sgromo-pagina .sg-hero-content .sg-section-eyebrow, .sgromo-pagina .sg-about-content .sg-section-eyebrow, .sgromo-pagina .sg-spec-intro .sg-section-eyebrow{margin:0!important} .sgromo-pagina.sgromo-pagina .sg-video-cta{color:var(--sg-petrol)!important} /* Modulo CF7: via i dettagli dorati del vecchio stile */ .sgromo-pagina .sg-contact-form .sg-field label span{color:var(--sg-petrol)} .sgromo-pagina .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus, .sgromo-pagina .wpcf7 textarea:focus, .sgromo-pagina .wpcf7 select:focus{outline:none;border-color:var(--sg-brand);box-shadow:0 0 0 3px rgba(38,170,225,.18)} .sgromo-pagina.sgromo-pagina .sg-contact-form .sg-privacy a{color:var(--sg-petrol)!important} .sgromo-pagina .sg-contact-form .sg-privacy input[type="checkbox"]{accent-color:var(--sg-brand)} /* ===================================================================== AGGIUNTA v3 — componenti pagina "Chi siamo": testo lungo, fondatori, team, galleria ===================================================================== */ .sgromo-pagina .sg-mt-sm{margin-top:18px} .sgromo-pagina .sg-prose{max-width:820px} .sgromo-pagina .sg-prose p{margin:0;color:var(--sg-text);font-size:17px;line-height:1.72} .sgromo-pagina .sg-prose p + p{margin-top:16px} .sgromo-pagina .sg-prose strong{color:var(--sg-navy)} .sgromo-pagina.sgromo-pagina .sg-prose a, .sgromo-pagina.sgromo-pagina .sg-text a{color:var(--sg-petrol)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .sgromo-pagina .sg-hero-content .sg-text + .sg-text{margin-top:-4px} /* Hero: foto dentro il box */ .sgromo-pagina .sg-hero-media{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:6px;background:var(--sg-bg-light)} /* Fondatori */ .sgromo-pagina .sg-founders{display:grid;grid-template-columns:1fr;gap:20px;margin-top:30px} .sgromo-pagina .sg-founder{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;padding:24px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-founder-photo{display:block;width:100%;max-width:240px;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 30%;border-radius:8px;background:var(--sg-bg-light)} .sgromo-pagina.sgromo-pagina .sg-founder h3{margin:0;color:var(--sg-navy);font-family:var(--sg-serif);font-size:24px;font-weight:400;line-height:1.2} .sgromo-pagina .sg-founder-role{margin:6px 0 0;color:var(--sg-petrol);font-size:12px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase} .sgromo-pagina .sg-founder .sg-text{margin-top:14px;font-size:16px} .sgromo-pagina .sg-founder .sg-social-row{margin-top:16px} @media (min-width:560px){ .sgromo-pagina .sg-founder{grid-template-columns:170px minmax(0,1fr);gap:24px} .sgromo-pagina .sg-founder-photo{max-width:none} } @media (min-width:1100px){ .sgromo-pagina .sg-founders{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} } /* Team */ .sgromo-pagina .sg-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px} .sgromo-pagina .sg-team-card{margin:0;display:flex;flex-direction:column;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;overflow:hidden;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-team-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;background:var(--sg-bg-light);border-bottom:3px solid var(--sg-brand)} .sgromo-pagina .sg-team-body{padding:14px 14px 16px} .sgromo-pagina.sgromo-pagina .sg-team-card h3{margin:0;color:var(--sg-navy);font-family:var(--sg-sans);font-size:15px;font-weight:700;line-height:1.35} .sgromo-pagina .sg-team-role{margin:6px 0 0;color:var(--sg-petrol);font-size:11px;font-weight:800;line-height:1.35;letter-spacing:.8px;text-transform:uppercase} @media (min-width:768px){ .sgromo-pagina .sg-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .sgromo-pagina.sgromo-pagina .sg-team-card h3{font-size:16px} .sgromo-pagina .sg-team-body{padding:16px 18px 18px} } @media (min-width:1100px){ .sgromo-pagina .sg-team-grid{gap:24px} } /* Galleria foto (dentro lo slider) */ .sgromo-pagina .sg-photo-card{margin:0;overflow:hidden;background:var(--sg-bg-light);border:1px solid var(--sg-border);border-radius:8px} .sgromo-pagina .sg-photo-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} /* Team: icona LinkedIn accanto al nome */ .sgromo-pagina .sg-team-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} .sgromo-pagina.sgromo-pagina .sg-team-linkedin{flex:0 0 32px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:-2px;background:#FFFFFF;border:1px solid var(--sg-border-strong);border-radius:6px;color:var(--sg-navy)!important;font-size:15px;text-decoration:none!important;transition:color .18s ease,border-color .18s ease} @media (hover:hover) and (pointer:fine){ .sgromo-pagina.sgromo-pagina .sg-team-linkedin:hover{border-color:var(--sg-brand);color:var(--sg-petrol)!important} } /* ===================================================================== AGGIUNTA v4 — componenti pagina "Risarcimento malasanità" ===================================================================== */ /* Pannelli informativi */ .sgromo-pagina .sg-panels{display:grid;grid-template-columns:1fr;gap:22px} .sgromo-pagina .sg-panel{min-width:0;padding:28px 24px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina.sgromo-pagina .sg-panel h2{margin:0 0 18px;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:26px;font-weight:400;line-height:1.2;text-transform:none} .sgromo-pagina.sgromo-pagina .sg-panel h3{margin:0 0 14px;color:var(--sg-petrol);font-family:var(--sg-sans);font-size:14px;font-weight:800;line-height:1.4;letter-spacing:1px;text-transform:uppercase} .sgromo-pagina .sg-panel .sg-prose{max-width:none} .sgromo-pagina .sg-panel .sg-prose p{font-size:16px} @media (min-width:768px){ .sgromo-pagina .sg-panel{padding:34px 32px} .sgromo-pagina.sgromo-pagina .sg-panel h2{font-size:30px} } @media (min-width:1100px){ .sgromo-pagina .sg-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} } /* Elenco puntato */ .sgromo-pagina .sg-prose .sg-list{margin:14px 0 16px;padding:0;list-style:none} .sgromo-pagina .sg-prose .sg-list li{position:relative;margin:0 0 8px;padding-left:22px;color:var(--sg-text);font-size:16px;line-height:1.6} .sgromo-pagina .sg-prose .sg-list li:before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--sg-brand)} /* Tabella */ .sgromo-pagina .sg-table-wrap{margin-top:16px;overflow-x:auto;border:1px solid var(--sg-border);border-radius:8px} .sgromo-pagina .sg-table{width:100%;margin:0;border:0;border-collapse:collapse;font-size:15px} .sgromo-pagina .sg-table th,.sgromo-pagina .sg-table td{padding:12px 16px;border:0;border-bottom:1px solid var(--sg-border);color:var(--sg-text);text-align:left;vertical-align:top} .sgromo-pagina .sg-table th{background:var(--sg-bg-light);color:var(--sg-navy);font-weight:800} .sgromo-pagina .sg-table tr:nth-child(odd) td{background:var(--sg-bg-ice)} .sgromo-pagina .sg-table tr:last-child td{border-bottom:0} /* Punti numerati */ .sgromo-pagina .sg-points{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px} .sgromo-pagina .sg-point{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:22px;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-point-num{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--sg-border-strong);border-radius:50%;background:#FFFFFF;color:var(--sg-petrol);font-family:var(--sg-serif);font-size:20px;line-height:1} .sgromo-pagina .sg-point p{margin:0;color:var(--sg-text);font-size:16px;line-height:1.66} .sgromo-pagina .sg-point strong{color:var(--sg-navy)} .sgromo-pagina.sgromo-pagina .sg-point a{color:var(--sg-petrol)!important;text-decoration:underline;text-underline-offset:3px} @media (min-width:768px){ .sgromo-pagina .sg-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .sgromo-pagina .sg-point:last-child{grid-column:1/-1} } @media (min-width:1100px){ .sgromo-pagina .sg-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} } /* Card con icona immagine (2 per riga) */ .sgromo-pagina .sg-features-2{display:grid;grid-template-columns:1fr;gap:20px} .sgromo-pagina .sg-feature-icon img{display:block;width:34px;height:34px;object-fit:contain} .sgromo-pagina.sgromo-pagina .sg-features-2 .sg-feature h3{font-size:17px;letter-spacing:.5px;text-transform:uppercase} .sgromo-pagina .sg-feature .sg-prose{max-width:none} .sgromo-pagina .sg-feature .sg-prose p{margin:0;font-size:16px} .sgromo-pagina .sg-feature .sg-prose p + p{margin-top:14px} .sgromo-pagina.sgromo-pagina .sg-feature .sg-prose a{margin-top:0;font-weight:700;text-decoration:underline!important;text-underline-offset:3px} @media (min-width:1100px){ .sgromo-pagina .sg-features-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} } /* Hero: sottotitolo nel box */ .sgromo-pagina.sgromo-pagina .sg-hero-box-sub{margin:0;color:var(--sg-navy);font-family:var(--sg-sans);font-size:18px;font-weight:700;line-height:1.35} .sgromo-pagina .sg-hero-box .sg-btn-row{margin-top:4px} /* Nota piccola */ .sgromo-pagina .sg-note{margin-top:8px!important;color:var(--sg-steel)!important;font-size:14px!important} /* Modulo a colonna unica + contatti */ .sgromo-pagina .sg-form-single{max-width:860px;margin:0 auto} .sgromo-pagina .sg-form-single .sg-box-title{text-align:center} .sgromo-pagina .sg-form-intro{margin:0;color:var(--sg-text);font-size:17px;line-height:1.7;text-align:center} .sgromo-pagina .sg-form-intro strong{color:var(--sg-navy)} .sgromo-pagina .sg-contact-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 32px;margin-top:8px;padding-top:18px;border-top:1px solid var(--sg-border)} .sgromo-pagina.sgromo-pagina .sg-contact-strip a{color:var(--sg-navy)!important;font-size:17px;font-weight:700;text-decoration:none!important} @media (hover:hover) and (pointer:fine){ .sgromo-pagina.sgromo-pagina .sg-contact-strip a:hover{color:var(--sg-petrol)!important} } /* Pannelli: H1 con lo stesso aspetto degli altri titoli */ .sgromo-pagina.sgromo-pagina .sg-panel h1{margin:0 0 18px;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:26px;font-weight:400;line-height:1.2;text-transform:none} @media (min-width:768px){.sgromo-pagina.sgromo-pagina .sg-panel h1{font-size:30px}} /* Modulo su cellulare: bottone di invio a tutta larghezza, testo sempre su UNA riga (si rimpicciolisce sugli schermi stretti) */ @media (max-width:767px){ .sgromo-pagina .sg-form-box{padding:24px 16px} .sgromo-pagina .wpcf7 input[type="submit"], .sgromo-pagina .wpcf7 button[type="submit"]{width:100%!important;max-width:100%!important;height:auto!important;min-height:52px;padding:14px 10px!important;white-space:nowrap!important;line-height:1.2!important;letter-spacing:0!important;font-size:min(15px, calc((100vw - 108px) / 21.5))!important;box-sizing:border-box!important} } /* Bottone di invio: angoli arrotondati come gli altri bottoni della landing */ .sgromo-pagina .wpcf7 input[type="submit"], .sgromo-pagina .wpcf7 button[type="submit"]{border-radius:8px!important} /* Cellulare: sul bottone di invio compare la scritta corta "INVIA IL MODULO". Il bottone vero resta sotto (funziona e si clicca normalmente). Se il browser è molto vecchio, resta la scritta originale. */ @media (max-width:767px){ .sgromo-pagina .wpcf7 form :has(> input[type="submit"]){position:relative} .sgromo-pagina .wpcf7 form :has(> input[type="submit"]) > input[type="submit"]{height:52px!important;min-height:52px!important;padding:0 10px!important;color:transparent!important;text-shadow:none!important;overflow:hidden!important} .sgromo-pagina .wpcf7 form :has(> input[type="submit"])::after{content:"INVIA IL MODULO";position:absolute;left:0;right:0;top:0;height:52px;display:flex;align-items:center;justify-content:center;color:var(--sg-navy);font-family:var(--sg-sans);font-size:16px;font-weight:800;letter-spacing:.5px;line-height:1;pointer-events:none} .sgromo-pagina .wpcf7 form :has(> input[type="submit"]) > .wpcf7-spinner{position:absolute;right:12px;top:14px;margin:0} } /* ===================================================================== AGGIUNTA v5 — pagina "I nostri casi": filtri per specializzazione ===================================================================== */ .sgromo-pagina .sg-filter{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:22px;border-top:1px solid var(--sg-border)} .sgromo-pagina.sgromo-pagina .sg-filter a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;background:#FFFFFF;border:1px solid var(--sg-border-strong);border-radius:8px;color:var(--sg-navy)!important;font-family:var(--sg-sans);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none!important;transition:background-color .18s ease,border-color .18s ease,color .18s ease} .sgromo-pagina.sgromo-pagina .sg-filter a.is-all{background:var(--sg-navy);border-color:var(--sg-navy);color:#FFFFFF!important} @media (hover:hover) and (pointer:fine){ .sgromo-pagina.sgromo-pagina .sg-filter a:hover{background:var(--sg-bg-light);border-color:var(--sg-brand);color:var(--sg-petrol)!important} .sgromo-pagina.sgromo-pagina .sg-filter a.is-all:hover{background:var(--sg-petrol);border-color:var(--sg-petrol);color:#FFFFFF!important} } .sgromo-pagina .sg-after-cards{margin-top:40px} /* Testo a tutta larghezza (usato nell'introduzione di "I nostri casi") */ .sgromo-pagina .sg-prose.sg-prose--full{max-width:none} .sgromo-pagina.sgromo-pagina .sg-h1.sg-h1--wide{max-width:none} /* ===================================================================== AGGIUNTA v6 — pagina "Errori medici": sottotitolo, frase in evidenza, foto hero ===================================================================== */ .sgromo-pagina.sgromo-pagina .sg-subhead{margin:0;color:var(--sg-navy);font-family:var(--sg-sans);font-size:20px;font-weight:700;line-height:1.35;text-transform:none} .sgromo-pagina.sgromo-pagina .sg-lead.sg-lead{margin:0 0 20px;padding-left:16px;border-left:3px solid var(--sg-brand);color:var(--sg-navy);font-family:var(--sg-serif);font-size:21px;font-weight:400;line-height:1.42;letter-spacing:0;text-transform:none} .sgromo-pagina .sg-h2 + .sg-lead{margin-top:20px} .sgromo-pagina .sg-hero-content .sg-lead{margin-bottom:0} .sgromo-pagina .sg-hero-photo{display:block;width:100%;max-width:420px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:44% 9%;border:1px solid var(--sg-border);border-radius:8px;box-shadow:var(--sg-shadow);background:var(--sg-bg-light);justify-self:center} @media (min-width:768px){ .sgromo-pagina.sgromo-pagina .sg-subhead{font-size:22px} .sgromo-pagina.sgromo-pagina .sg-lead.sg-lead{font-size:24px} } @media (min-width:1024px){ .sgromo-pagina .sg-hero-grid.sg-hero-grid--photo{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:start} .sgromo-pagina .sg-hero-photo{max-width:none;aspect-ratio:3/4;margin-top:12px} } /* Errori medici: titolo lungo più contenuto, frasi in evidenza allineate ai testi */ .sgromo-pagina.sgromo-pagina .sg-h1.sg-h1--sm{font-size:30px;line-height:1.15;letter-spacing:-.3px} .sgromo-pagina.sgromo-pagina .sg-lead.sg-lead{max-width:820px} .sgromo-pagina.sgromo-pagina .sg-lead.sg-lead.sg-lead--full{max-width:none} .sgromo-pagina.sgromo-pagina .sg-panel .sg-lead.sg-lead{font-size:19px} @media (min-width:768px){ .sgromo-pagina.sgromo-pagina .sg-h1.sg-h1--sm{font-size:36px} .sgromo-pagina.sgromo-pagina .sg-panel .sg-lead.sg-lead{font-size:21px} } @media (min-width:1100px){ .sgromo-pagina.sgromo-pagina .sg-h1.sg-h1--sm{font-size:42px} } /* Spazio tra titolo e frase in evidenza (prima risultavano attaccati) */ .sgromo-pagina.sgromo-pagina .sg-h2 + .sg-lead.sg-lead{margin-top:22px} .sgromo-pagina.sgromo-pagina .sg-panel h2 + .sg-lead.sg-lead{margin-top:4px} /* ===================================================================== AGGIUNTA v7 — ARCHIVI DI CATEGORIA e ARTICOLI SINGOLI (stile landing) Vale per TUTTE le categorie e TUTTI gli articoli. Per tornare indietro basta cancellare questo blocco. ===================================================================== */ body.archive,body.single-post{ --sg-navy:#0F2740;--sg-petrol:#2E5875;--sg-brand:#26AAE1;--sg-text:#42566A;--sg-steel:#5E748C; --sg-border:#C9D4DF;--sg-bg-ice:#F2FAFD;--sg-bg-light:#E1F3FB; --sg-serif:Georgia,"Times New Roman",Times,serif; --sg-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; } /* ---------- ARCHIVIO: intestazione ---------- */ body.archive .page-header{margin-bottom:10px;padding-top:24px;padding-bottom:8px;background:transparent;border:0;box-shadow:none} body.archive .page-header .page-title{margin:0;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:32px!important;font-weight:400!important;line-height:1.12!important;letter-spacing:-.4px} body.archive .page-header .page-title:after{content:"";display:block;width:52px;height:2px;margin-top:18px;background:var(--sg-brand)} body.archive .taxonomy-description{max-width:820px;margin-top:18px} body.archive .taxonomy-description p{margin:0;color:var(--sg-text)!important;font-family:var(--sg-sans);font-size:17px;line-height:1.72} /* ---------- ARCHIVIO: card degli articoli ---------- */ body.archive .site-main article .inside-article{display:flex;flex-direction:column;height:100%;padding:0!important;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;overflow:hidden;box-shadow:0 8px 20px rgba(15,39,64,.045);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease} body.archive .site-main article .post-image{order:-1;margin:0!important} body.archive .site-main article .post-image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--sg-bg-light)} body.archive .site-main article .entry-header, body.archive .site-main article .entry-summary, body.archive .site-main article footer.entry-meta{padding-left:22px;padding-right:22px} body.archive .site-main article .entry-header{padding-top:20px} body.archive .site-main article .entry-title{margin:0;font-family:var(--sg-serif)!important;font-size:21px!important;font-weight:400!important;line-height:1.3!important} body.archive .site-main article .entry-title a{color:var(--sg-navy)!important;text-decoration:none!important} body.archive .site-main article .entry-header .entry-meta{margin-top:8px;color:var(--sg-steel)!important;font-family:var(--sg-sans);font-size:13px!important;line-height:1.5} body.archive .site-main article .entry-header .entry-meta a{color:var(--sg-petrol)!important;text-decoration:none!important} body.archive .site-main article .entry-summary{margin-top:12px!important} body.archive .site-main article .entry-summary p{margin:0;color:var(--sg-text)!important;font-family:var(--sg-sans);font-size:15px!important;line-height:1.65} body.archive .site-main article a.read-more{display:inline-block;margin-top:6px;color:var(--sg-petrol)!important;font-weight:800;text-decoration:none!important} body.archive .site-main article footer.entry-meta{margin-top:auto!important;padding-top:14px;padding-bottom:18px;border-top:1px solid #E2EAF1;font-family:var(--sg-sans);font-size:12px!important;line-height:1.5} body.archive .site-main article .entry-summary + footer.entry-meta{margin-top:16px} body.archive .site-main article footer.entry-meta, body.archive .site-main article footer.entry-meta a{color:var(--sg-petrol)!important;text-decoration:none!important} body.archive .site-main article footer.entry-meta .gp-icon svg{fill:var(--sg-steel)} @media (hover:hover) and (pointer:fine){ body.archive .site-main article .inside-article:hover{border-color:#B7DDEB;transform:translateY(-3px);box-shadow:0 11px 26px rgba(15,39,64,.075)} body.archive .site-main article .entry-title a:hover, body.archive .site-main article a.read-more:hover{color:var(--sg-petrol)!important} } /* ---------- ARCHIVIO: paginazione ---------- */ body.archive .paging-navigation .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px} body.archive .paging-navigation .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:8px 14px;background:#FFFFFF;border:1px solid #B7DDEB;border-radius:8px;color:var(--sg-navy)!important;font-family:var(--sg-sans);font-size:15px;font-weight:700;text-decoration:none!important} body.archive .paging-navigation .page-numbers.current{background:var(--sg-navy);border-color:var(--sg-navy);color:#FFFFFF!important} /* ---------- ARTICOLO: hero con foto ---------- */ body.single-post .page-hero{box-shadow:inset 0 0 0 3000px rgba(15,39,64,.80)} body.single-post .page-hero h1, body.single-post .page-hero h2{color:#FFFFFF!important;font-family:var(--sg-serif)!important;font-weight:400!important;line-height:1.18!important;letter-spacing:-.3px} body.single-post .page-hero p, body.single-post .page-hero div:not(.inside-page-hero){color:#E1F3FB!important;font-family:var(--sg-sans)} /* ---------- ARTICOLO: colonna di lettura ---------- */ body.single-post .site-main{max-width:880px;margin-left:auto!important;margin-right:auto!important} body.single-post .entry-content{color:var(--sg-text)!important;font-family:var(--sg-sans)} body.single-post .entry-content p, body.single-post .entry-content li{color:var(--sg-text)!important;font-size:17px;line-height:1.78} body.single-post .entry-content p{margin:0 0 18px} body.single-post .entry-content strong{color:var(--sg-navy)} body.single-post .entry-content h1, body.single-post .entry-content h2{margin:38px 0 16px;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:26px!important;font-weight:400!important;line-height:1.25!important;letter-spacing:-.3px} body.single-post .entry-content > h1:first-child, body.single-post .entry-content > h2:first-child{margin-top:0} body.single-post .entry-content h3, body.single-post .entry-content h4{margin:30px 0 12px;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:21px!important;font-weight:400!important;line-height:1.32!important} body.single-post .entry-content a{color:var(--sg-petrol)!important;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} body.single-post .entry-content ul{padding-left:0;list-style:none} body.single-post .entry-content ul li{position:relative;margin-bottom:8px;padding-left:22px} body.single-post .entry-content ul li:before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--sg-brand)} body.single-post .entry-content img{border-radius:8px} body.single-post .entry-content blockquote{margin:24px 0;padding:6px 0 6px 18px;border-left:3px solid var(--sg-brand);color:var(--sg-navy);font-family:var(--sg-serif);font-size:20px;font-style:normal} @media (min-width:768px){ body.archive .page-header .page-title{font-size:42px!important} body.single-post .entry-content h1,body.single-post .entry-content h2{font-size:30px!important} body.single-post .entry-content h3,body.single-post .entry-content h4{font-size:23px!important} } /* ---------- ARTICOLO: categorie, articolo precedente/successivo ---------- */ body.single-post footer.entry-meta{margin-top:34px;padding-top:20px;border-top:1px solid var(--sg-border);color:var(--sg-steel)!important;font-family:var(--sg-sans);font-size:14px} body.single-post footer.entry-meta a{color:var(--sg-petrol)!important;text-decoration:none!important;font-weight:700} body.single-post footer.entry-meta .gp-icon svg{fill:var(--sg-steel)} body.single-post .post-navigation{display:grid;gap:10px;margin-top:18px} body.single-post .post-navigation .nav-previous, body.single-post .post-navigation .nav-next{padding:12px 16px;background:var(--sg-bg-ice);border:1px solid #D3DDE7;border-radius:8px} body.single-post .post-navigation a{color:var(--sg-navy)!important;font-weight:700;text-decoration:none!important} /* ---------- ARTICOLO: commenti ---------- */ body.single-post .comments-area .comments-title, body.single-post .comments-area .comment-reply-title{color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:24px!important;font-weight:400!important;line-height:1.25} body.single-post .comments-area .comment-author .fn, body.single-post .comments-area .comment-author .fn a{color:var(--sg-navy)!important;font-weight:700;text-decoration:none!important} body.single-post .comments-area .comment-metadata, body.single-post .comments-area .comment-metadata a{color:var(--sg-steel)!important;font-size:13px;text-decoration:none!important} body.single-post .comments-area .comment-content{padding:16px 18px;background:var(--sg-bg-ice);border:1px solid #D3DDE7;border-radius:8px;color:var(--sg-text)} /* Meno spazio tra la barra del menu e il primo contenuto (valori regolati da Andrea) */ .sgromo-pagina .sg-hero .sg-container{padding-top:140px;padding-bottom:64px} @media (max-width:767px){.sgromo-pagina .sg-hero .sg-container{padding-top:70px;padding-bottom:60px}} @media (min-width:768px){.sgromo-pagina .sg-hero .sg-container{padding-top:140px;padding-bottom:96px}} @media (max-width:767px){ body.single-post .inside-article{padding-top:30px!important} body.archive .page-header{padding-top:8px} body.archive.category #primary{padding-top:0} } /* ===================================================================== AGGIUNTA v8 — pagina "Contatti": briciole, card di contatto, sedi, città ===================================================================== */ /* Briciole di pane */ .sgromo-pagina .sg-breadcrumb{margin:4px 0 0;color:var(--sg-steel);font-size:14px;line-height:1.5} .sgromo-pagina.sgromo-pagina .sg-breadcrumb a{color:var(--sg-petrol)!important;font-weight:700;text-decoration:none!important} .sgromo-pagina .sg-breadcrumb span[aria-current]{color:var(--sg-navy);font-weight:700} /* Card di contatto nell'hero (WhatsApp / Numero Verde) */ .sgromo-pagina .sg-actions{display:grid;grid-template-columns:1fr;gap:16px} .sgromo-pagina.sgromo-pagina .sg-action{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:center;padding:22px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow);color:var(--sg-navy)!important;text-decoration:none!important;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease} .sgromo-pagina .sg-action-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sg-bg-light);color:var(--sg-petrol);font-size:24px;transition:background-color .2s ease,color .2s ease} .sgromo-pagina .sg-action-label{display:block;color:var(--sg-petrol);font-size:12px;font-weight:800;line-height:1.35;letter-spacing:1.1px;text-transform:uppercase} .sgromo-pagina .sg-action-value{display:block;margin-top:4px;color:var(--sg-navy);font-family:var(--sg-serif);font-size:28px;font-weight:400;line-height:1.1} .sgromo-pagina .sg-action-note{display:block;margin-top:6px;color:var(--sg-text);font-size:14px;line-height:1.45} .sgromo-pagina.sgromo-pagina .sg-action--phone{background:var(--sg-navy);border-color:var(--sg-navy);border-top-color:var(--sg-brand)} .sgromo-pagina .sg-action--phone .sg-action-icon{background:rgba(255,255,255,.1);color:var(--sg-brand)} .sgromo-pagina .sg-action--phone .sg-action-label{color:var(--sg-brand)} .sgromo-pagina .sg-action--phone .sg-action-value{color:#FFFFFF} .sgromo-pagina .sg-action--phone .sg-action-note{color:#C9D9E8} @media (min-width:1100px){ .sgromo-pagina .sg-action-value{font-size:32px} } @media (hover:hover) and (pointer:fine){ .sgromo-pagina.sgromo-pagina .sg-action:hover{transform:translateY(-3px);box-shadow:0 11px 26px rgba(15,39,64,.1)} .sgromo-pagina.sgromo-pagina .sg-action--whatsapp:hover{border-color:#25D366} .sgromo-pagina .sg-action--whatsapp:hover .sg-action-icon{background:#25D366;color:var(--sg-navy)} .sgromo-pagina.sgromo-pagina .sg-action--phone:hover{background:var(--sg-petrol);border-color:var(--sg-petrol)} } /* Elenco card di contatto a una colonna (accanto al modulo) */ .sgromo-pagina .sg-benefit-grid.sg-benefit-grid--1{grid-template-columns:1fr;margin-top:0} .sgromo-pagina .sg-contact-lines{margin:7px 0 0!important;padding:0;list-style:none} .sgromo-pagina .sg-contact-lines li{margin:0 0 4px;color:var(--sg-text);font-size:16px;line-height:1.55} .sgromo-pagina.sgromo-pagina .sg-contact-lines a{color:var(--sg-navy)!important;font-weight:800;text-decoration:none!important} /* Sedi */ .sgromo-pagina .sg-sedi{display:grid;grid-template-columns:1fr;gap:16px;margin-top:30px} .sgromo-pagina .sg-sede{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;padding:20px;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina.sgromo-pagina .sg-sede h3{margin:0;color:var(--sg-navy);font-family:var(--sg-serif);font-size:21px;font-weight:400;line-height:1.25} .sgromo-pagina .sg-sede p{margin:6px 0 0;color:var(--sg-text);font-size:15px;line-height:1.55} .sgromo-pagina.sgromo-pagina .sg-sede a{display:inline-block;margin-top:8px;color:var(--sg-petrol)!important;font-size:14px;font-weight:800;text-decoration:none!important} @media (min-width:768px){.sgromo-pagina .sg-sedi{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}} @media (min-width:1100px){.sgromo-pagina .sg-sedi{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}} /* Città servite */ .sgromo-pagina .sg-cities{margin-top:28px;padding:24px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-cities p{margin:0;color:var(--sg-text);font-size:15px;line-height:1.95} .sgromo-pagina .sg-cities strong{color:var(--sg-navy)} @media (min-width:768px){.sgromo-pagina .sg-cities{padding:30px 32px}.sgromo-pagina .sg-cities p{font-size:16px}} /* Contatti: card delle sedi con link alla pagina della città + Google Maps */ .sgromo-pagina.sgromo-pagina .sg-sede h3 a{color:var(--sg-navy)!important;text-decoration:none!important} .sgromo-pagina .sg-sede-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:8px} .sgromo-pagina.sgromo-pagina .sg-sede .sg-sede-links a{margin-top:0} .sgromo-pagina.sgromo-pagina .sg-sede .sg-sede-maps{color:var(--sg-steel)!important;font-size:13px;font-weight:700;text-decoration:underline!important;text-underline-offset:3px} .sgromo-pagina.sgromo-pagina .sg-cities a{color:var(--sg-navy)!important;text-decoration:underline;text-decoration-color:var(--sg-brand);text-underline-offset:3px} @media (hover:hover) and (pointer:fine){ .sgromo-pagina .sg-sede{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease} .sgromo-pagina .sg-sede:hover{border-color:var(--sg-border-strong);transform:translateY(-3px);box-shadow:0 11px 26px rgba(15,39,64,.075)} .sgromo-pagina.sgromo-pagina .sg-sede h3 a:hover,.sgromo-pagina.sgromo-pagina .sg-cities a:hover{color:var(--sg-petrol)!important} } /* ===================================================================== AGGIUNTA v9 — ARTICOLO SINGOLO: intestazione nello stile della landing (da usare dopo aver tolto l'hero blu dagli articoli) ===================================================================== */ /* Titolo, lineetta azzurra, data e autore */ body.single-post .entry-header{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--sg-border)} body.single-post .entry-header .entry-title{margin:0;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:30px!important;font-weight:400!important;line-height:1.16!important;letter-spacing:-.4px;text-transform:none!important} body.single-post .entry-header .entry-title:after{content:"";display:block;width:52px;height:2px;margin-top:18px;background:var(--sg-brand)} body.single-post .entry-header .entry-meta{margin-top:14px;color:var(--sg-steel)!important;font-family:var(--sg-sans);font-size:14px!important;line-height:1.5} body.single-post .entry-header .entry-meta a{color:var(--sg-petrol)!important;font-weight:700;text-decoration:none!important} /* Immagine in evidenza */ body.single-post .featured-image, body.single-post .page-header-image-single{margin:0 0 30px!important;padding:0!important} body.single-post .featured-image img, body.single-post .page-header-image-single img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sg-border);border-radius:8px;background:var(--sg-bg-light)} @media (min-width:768px){ body.single-post .entry-header .entry-title{font-size:38px!important} } @media (min-width:1100px){ body.single-post .entry-header .entry-title{font-size:44px!important} } /* Modulo commenti: testi, campi e bottone (prima il bottone era vuoto) */ body.single-post .comment-respond .logged-in-as, body.single-post .comment-respond .comment-notes{color:var(--sg-text)!important;font-family:var(--sg-sans);font-size:15px;line-height:1.6} body.single-post .comment-respond a{color:var(--sg-petrol)!important;font-weight:700;text-decoration:none!important} body.single-post .comment-form textarea, body.single-post .comment-form input[type="text"], body.single-post .comment-form input[type="email"], body.single-post .comment-form input[type="url"]{width:100%;background:#FFFFFF;border:1px solid var(--sg-border)!important;border-radius:8px;color:var(--sg-navy);font-size:16px} body.single-post .comment-form textarea:focus, body.single-post .comment-form input:focus{border-color:var(--sg-brand)!important;outline:3px solid rgba(38,170,225,.18);outline-offset:0} body.single-post .comment-form input[type="submit"]{min-height:48px;padding:12px 26px!important;background:var(--sg-navy)!important;border:1px solid var(--sg-navy)!important;border-radius:8px!important;color:#FFFFFF!important;font-family:var(--sg-sans);font-size:16px!important;font-weight:700!important;line-height:1.2!important;text-indent:0!important;cursor:pointer} @media (hover:hover) and (pointer:fine){ body.single-post .comment-form input[type="submit"]:hover{background:var(--sg-petrol)!important;border-color:var(--sg-petrol)!important} } /* Bottone "Invia commento": testo sempre visibile (rinforzo con l'ID del bottone) */ body.single-post #respond #submit, body.single-post #respond input#submit{min-height:48px;padding:12px 26px!important;background:var(--sg-navy)!important;border:1px solid var(--sg-navy)!important;border-radius:8px!important;color:#FFFFFF!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;text-indent:0!important;opacity:1!important} @media (hover:hover) and (pointer:fine){ body.single-post #respond #submit:hover{background:var(--sg-petrol)!important;border-color:var(--sg-petrol)!important;color:#FFFFFF!important} } /* Articoli: spazio tra la barra del menu e l'inizio dell'articolo (valori regolati da Andrea) */ body.single-post .inside-article{padding-top:130px!important} @media (min-width:768px){body.single-post .inside-article{padding-top:130px!important}} @media (max-width:767px){body.single-post .inside-article{padding-top:8px!important}} /* Articoli: immagine in evidenza più bassa (formato panoramico) */ body.single-post .featured-image img, body.single-post .page-header-image-single img{aspect-ratio:21/9!important;max-height:420px;object-fit:cover} @media (max-width:767px){ body.single-post .featured-image img, body.single-post .page-header-image-single img{aspect-ratio:16/9!important;max-height:none} } /* Cellulare: spazi delle sezioni e della prima sezione sotto il menu */ @media (max-width:767px){ .sgromo-pagina .sg-container{padding-top:40px;padding-bottom:48px} .sgromo-pagina .sg-hero .sg-container{padding-top:80px;padding-bottom:56px;margin-top:0} } /* Cellulare: niente striscia bianca sopra la prima sezione delle pagine nuove */ @media (max-width:767px){ .site-content:has(.sgromo-pagina), .site-main:has(.sgromo-pagina), .inside-article:has(.sgromo-pagina), .entry-content:has(.sgromo-pagina){padding-top:0!important;margin-top:0!important} } /* ===================================================================== AGGIUNTA v10 — pagine delle sedi (Roma, Milano, ...): mappa ===================================================================== */ .sgromo-pagina .sg-map{margin-top:30px;overflow:hidden;background:var(--sg-bg-light);border:1px solid var(--sg-border);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-map iframe{display:block;width:100%;height:340px;border:0} @media (min-width:768px){.sgromo-pagina .sg-map iframe{height:440px}} .sgromo-pagina .sg-form-info .sg-h2 + .sg-divider{margin-top:14px} /* Contatti: con 7 sedi, l'ultima card resta centrata invece che sola a sinistra */ @media (min-width:768px) and (max-width:1099px){ .sgromo-pagina .sg-sedi > .sg-sede:last-child:nth-child(2n+1){grid-column:1/-1;justify-self:center;width:calc(50% - 10px)} } @media (min-width:1100px){ .sgromo-pagina .sg-sedi > .sg-sede:last-child:nth-child(3n+1){grid-column:2} } /* ===================================================================== AGGIUNTA v11 — pagina "Le sedi": regioni e card delle sedi ===================================================================== */ .sgromo-pagina.sgromo-pagina .sg-h2--lined{display:flex;align-items:center;gap:24px;margin:0 0 8px;text-align:center} .sgromo-pagina .sg-h2--lined:before,.sgromo-pagina .sg-h2--lined:after{content:"";flex:1 1 0;height:1px;background:var(--sg-border-strong)} .sgromo-pagina .sg-region{margin-top:44px} .sgromo-pagina.sgromo-pagina .sg-region-title{display:inline-block;margin:0;padding-bottom:12px;border-bottom:2px solid var(--sg-brand);color:var(--sg-navy);font-family:var(--sg-serif);font-size:24px;font-weight:400;line-height:1.2;letter-spacing:1.5px;text-transform:uppercase} .sgromo-pagina .sg-office-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:22px} .sgromo-pagina .sg-office{display:flex;flex-direction:column;padding:26px 24px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina.sgromo-pagina .sg-office h4{margin:0;font-family:var(--sg-sans);font-size:17px;font-weight:800;letter-spacing:.6px;line-height:1.3} .sgromo-pagina.sgromo-pagina .sg-office h4 a{color:var(--sg-navy)!important;text-decoration:none!important} .sgromo-pagina .sg-office-list{margin:14px 0 0;padding:0} .sgromo-pagina .sg-office-list dt{margin:14px 0 0;color:var(--sg-petrol);font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase} .sgromo-pagina .sg-office-list dt:first-child{margin-top:0} .sgromo-pagina .sg-office-list dd{margin:5px 0 0;color:var(--sg-text);font-size:15px;line-height:1.6} .sgromo-pagina.sgromo-pagina .sg-office-list dd a{color:var(--sg-navy)!important;font-weight:700;text-decoration:none!important} .sgromo-pagina.sgromo-pagina .sg-office-link{margin-top:auto;padding-top:18px;color:var(--sg-petrol)!important;font-size:14px;font-weight:800;text-decoration:none!important} @media (min-width:768px){ .sgromo-pagina .sg-office-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .sgromo-pagina .sg-office{padding:30px 32px} .sgromo-pagina.sgromo-pagina .sg-region-title{font-size:26px} } @media (hover:hover) and (pointer:fine){ .sgromo-pagina .sg-office{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease} .sgromo-pagina .sg-office:hover{border-color:var(--sg-border-strong);transform:translateY(-3px);box-shadow:0 11px 26px rgba(15,39,64,.075)} .sgromo-pagina.sgromo-pagina .sg-office h4 a:hover,.sgromo-pagina.sgromo-pagina .sg-office-link:hover{color:var(--sg-brand)!important} } /* ===================================================================== AGGIUNTA v12 — pagina "Bruno Sgromo": biografia, citazione, rassegna stampa ===================================================================== */ /* Biografia: foto + testo */ .sgromo-pagina .sg-bio-grid{display:grid;grid-template-columns:1fr;gap:34px;align-items:start} .sgromo-pagina .sg-bio-photo{display:block;width:100%;max-width:520px;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 25%;border:1px solid var(--sg-border);border-radius:8px;box-shadow:var(--sg-shadow);background:var(--sg-bg-light)} .sgromo-pagina .sg-bio-content .sg-h2{margin-top:6px} .sgromo-pagina .sg-bio-content .sg-prose{margin-top:22px} @media (min-width:1024px){ .sgromo-pagina .sg-bio-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:72px} .sgromo-pagina .sg-bio-photo{max-width:none;position:sticky;top:120px} } /* Citazione con firma */ .sgromo-pagina .sg-quote{max-width:860px;margin:0 auto;text-align:center} .sgromo-pagina .sg-quote p{margin:0;color:var(--sg-text);font-size:17px;line-height:1.7} .sgromo-pagina .sg-quote p + p{margin-top:16px} .sgromo-pagina.sgromo-pagina .sg-quote blockquote{margin:22px auto;padding:0;border:0;color:var(--sg-navy);font-family:var(--sg-serif);font-size:26px;font-style:italic;line-height:1.35} .sgromo-pagina .sg-quote blockquote:before,.sgromo-pagina .sg-quote blockquote:after{content:none} .sgromo-pagina .sg-quote-sign{font-style:italic} .sgromo-pagina .sg-quote-firma{display:block;width:260px;max-width:70%;height:auto;margin:18px auto 0} @media (min-width:768px){.sgromo-pagina.sgromo-pagina .sg-quote blockquote{font-size:32px}} /* Approfondimenti: terza card "Leggi gli articoli" */ .sgromo-pagina.sgromo-pagina .sg-article-card--cta{display:flex;align-items:center;justify-content:center;min-height:260px;padding:32px;background:var(--sg-navy);border-color:var(--sg-navy);text-align:center;text-decoration:none!important} .sgromo-pagina .sg-article-card--cta span{color:#FFFFFF;font-family:var(--sg-serif);font-size:24px;line-height:1.3} .sgromo-pagina .sg-article-card--cta em{display:block;margin-top:16px;color:var(--sg-brand);font-family:var(--sg-sans);font-size:14px;font-style:normal;font-weight:800;letter-spacing:1px;text-transform:uppercase} .sgromo-pagina .sg-article-meta{margin:0 0 8px!important;color:var(--sg-steel)!important;font-size:13px!important} .sgromo-pagina .sg-article-meta strong{color:var(--sg-petrol)} /* Rassegna stampa */ .sgromo-pagina .sg-press-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:30px} .sgromo-pagina .sg-press-card{display:flex;flex-direction:column;margin:0;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:8px;overflow:hidden;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-press-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 0;border-bottom:1px solid var(--sg-border);background:var(--sg-bg-light)} .sgromo-pagina .sg-press-card .sg-btn{margin:16px;width:auto} @media (min-width:768px){.sgromo-pagina .sg-press-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}} @media (min-width:1100px){.sgromo-pagina .sg-press-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (hover:hover) and (pointer:fine){ .sgromo-pagina .sg-press-card{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease} .sgromo-pagina .sg-press-card:hover{border-color:var(--sg-border-strong);transform:translateY(-3px);box-shadow:0 11px 26px rgba(15,39,64,.075)} .sgromo-pagina.sgromo-pagina .sg-article-card--cta:hover{background:var(--sg-petrol);border-color:var(--sg-petrol)} } /* ===================================================================== AGGIUNTA v14 — pagina "I convegni": card del convegno + foto ===================================================================== */ .sgromo-pagina .sg-events-title{margin-top:40px} .sgromo-pagina .sg-events{display:grid;gap:44px;margin-top:34px} .sgromo-pagina .sg-event{display:grid;grid-template-columns:1fr;gap:20px;align-items:start} .sgromo-pagina .sg-event-card{display:flex;flex-direction:column;align-items:center;padding:30px 24px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow);text-align:center} .sgromo-pagina .sg-event-logo{display:block;width:auto;max-width:200px;max-height:80px;height:auto;margin-bottom:20px} .sgromo-pagina.sgromo-pagina .sg-event-ente{margin:0;color:var(--sg-petrol);font-family:var(--sg-serif);font-size:20px;line-height:1.3} .sgromo-pagina .sg-event-type{margin:8px 0 0;color:var(--sg-steel);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase} .sgromo-pagina.sgromo-pagina .sg-event-card h3{margin:14px 0 0;color:var(--sg-navy);font-family:var(--sg-serif);font-size:23px;font-weight:400;line-height:1.3;text-transform:none} .sgromo-pagina .sg-event-sub{margin:8px 0 0;color:var(--sg-navy);font-size:15px;font-weight:700} .sgromo-pagina .sg-event-date{margin:12px 0 0;padding:4px 12px;background:var(--sg-bg-light);border-radius:999px;color:var(--sg-petrol);font-size:14px;font-weight:800;letter-spacing:1px} .sgromo-pagina .sg-event-text{margin-top:14px} .sgromo-pagina .sg-event-text p{margin:0;color:var(--sg-text);font-size:16px;line-height:1.65} .sgromo-pagina .sg-event-text p + p{margin-top:8px} .sgromo-pagina.sgromo-pagina .sg-event-video{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--sg-petrol)!important;font-size:14px;font-weight:800;letter-spacing:.4px;text-decoration:underline!important;text-underline-offset:3px;text-transform:uppercase} .sgromo-pagina .sg-event-video i{font-size:20px;color:#C4302B} .sgromo-pagina .sg-event-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .sgromo-pagina .sg-event-photos img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px;background:var(--sg-bg-light)} @media (min-width:1024px){ .sgromo-pagina .sg-event{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px} .sgromo-pagina .sg-event-card{padding:40px 36px} .sgromo-pagina.sgromo-pagina .sg-event-card h3{font-size:26px} .sgromo-pagina .sg-event-photos{gap:14px} } /* Titolo con le due linee (CONVEGNI, LE SEDI…): piccolo, centrato, a tutta larghezza */ .sgromo-pagina.sgromo-pagina .sg-h2.sg-h2--lined{max-width:none;width:100%;margin-left:0;margin-right:0;color:var(--sg-navy);font-family:var(--sg-sans)!important;font-size:18px!important;font-weight:800!important;line-height:1.3;letter-spacing:3px;text-transform:uppercase} @media (min-width:768px){.sgromo-pagina.sgromo-pagina .sg-h2.sg-h2--lined{font-size:20px!important}} .sgromo-pagina .sg-h1 + .sg-divider{margin-top:20px} .sgromo-pagina .sg-divider + .sg-events-title{margin-top:56px} /* Titolo con le due linee anche quando è un H3 (es. pagina Bruno Sgromo) */ .sgromo-pagina.sgromo-pagina .sg-h3--lined{display:flex;align-items:center;gap:24px;width:100%;max-width:none;margin:0 0 8px;color:var(--sg-navy)!important;font-family:var(--sg-sans)!important;font-size:18px!important;font-weight:800!important;line-height:1.3;letter-spacing:3px;text-align:center;text-transform:uppercase} .sgromo-pagina .sg-h3--lined:before,.sgromo-pagina .sg-h3--lined:after{content:"";flex:1 1 0;height:1px;background:var(--sg-border-strong)} @media (min-width:768px){.sgromo-pagina.sgromo-pagina .sg-h3--lined{font-size:20px!important}} /* Eyebrow anche quando è un H2: resta piccolo e maiuscolo */ .sgromo-pagina.sgromo-pagina h2.sg-section-eyebrow{margin:0 0 4px;font-family:var(--sg-sans)!important;font-size:13px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:1.55px!important;text-transform:uppercase!important} /* Titoli lunghi delle fasce navy: righe bilanciate, niente parola sola a capo */ .sgromo-pagina.sgromo-pagina .sg-cta-band .sg-h2{max-width:980px;margin-left:auto;margin-right:auto;text-wrap:balance} .sgromo-pagina .sg-h1,.sgromo-pagina .sg-h2,.sgromo-pagina .sg-box-title{text-wrap:balance} /* ARCHIVI / BLOG: spaziature e primo articolo "in evidenza" più compatto */ body.archive .page-header{margin-bottom:28px} @media (min-width:768px){ body.archive .page-header{padding-top:48px} } body.archive .site-main article{margin-bottom:28px} @media (min-width:768px){ body.archive .site-main article.featured-column .inside-article{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:0} body.archive .site-main article.featured-column .post-image{grid-column:1;grid-row:1 / span 4;height:100%} body.archive .site-main article.featured-column .post-image a{display:block;height:100%} body.archive .site-main article.featured-column .post-image img{height:100%;min-height:300px;max-height:420px;aspect-ratio:auto} body.archive .site-main article.featured-column .entry-header, body.archive .site-main article.featured-column .entry-summary, body.archive .site-main article.featured-column footer.entry-meta{grid-column:2;padding-left:32px;padding-right:32px} body.archive .site-main article.featured-column .entry-header{padding-top:30px} body.archive .site-main article.featured-column .entry-title{font-size:26px!important} } body.archive .site-main article .post-image img{max-height:420px} /* Archivi: limite di altezza per QUALSIASI immagine di anteprima (qualunque sia il modello usato) */ body.archive .site-main article img, body.archive .site-main .gb-query-loop-item img, body.archive .site-main .wp-block-post img{width:100%!important;height:auto!important;max-height:380px!important;object-fit:cover!important} /* Archivi senza colonne (es. Blog): articoli affiancati, 2 per riga su tablet e 3 su computer */ @media (min-width:768px){ body.archive .site-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch} body.archive .site-main > *:not(article){grid-column:1/-1} body.archive .site-main > article{margin:0!important;min-width:0} body.archive .site-main > article .inside-article{height:100%} } @media (min-width:1100px){ body.archive .site-main{grid-template-columns:repeat(3,minmax(0,1fr))} } /* Archivi: il titolo non finisce sotto il menu fisso + anteprime di lunghezza uguale */ @media (min-width:768px){ body.archive .page-header{padding-top:120px!important} } body.archive .site-main article .entry-summary p{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} body.archive .site-main > article.featured-column{margin-top:0!important} /* ===================================================================== APPROFONDIMENTI (tipo di contenuto "approfondimenti"): stesso stile degli articoli ===================================================================== */ body.archive,body.single-approfondimenti{ --sg-navy:#0F2740;--sg-petrol:#2E5875;--sg-brand:#26AAE1;--sg-text:#42566A;--sg-steel:#5E748C; --sg-border:#C9D4DF;--sg-bg-ice:#F2FAFD;--sg-bg-light:#E1F3FB; --sg-serif:Georgia,"Times New Roman",Times,serif; --sg-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; } body.single-approfondimenti .page-hero{box-shadow:inset 0 0 0 3000px rgba(15,39,64,.80)} body.single-approfondimenti .page-hero h1, body.single-approfondimenti .page-hero h2{color:#FFFFFF!important;font-family:var(--sg-serif)!important;font-weight:400!important;line-height:1.18!important;letter-spacing:-.3px} body.single-approfondimenti .page-hero p, body.single-approfondimenti .page-hero div:not(.inside-page-hero){color:#E1F3FB!important;font-family:var(--sg-sans)} body.single-approfondimenti .site-main{max-width:880px;margin-left:auto!important;margin-right:auto!important} body.single-approfondimenti .entry-content{color:var(--sg-text)!important;font-family:var(--sg-sans)} body.single-approfondimenti .entry-content p, body.single-approfondimenti .entry-content li{color:var(--sg-text)!important;font-size:17px;line-height:1.78} body.single-approfondimenti .entry-content p{margin:0 0 18px} body.single-approfondimenti .entry-content strong{color:var(--sg-navy)} body.single-approfondimenti .entry-content h1, body.single-approfondimenti .entry-content h2{margin:38px 0 16px;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:26px!important;font-weight:400!important;line-height:1.25!important;letter-spacing:-.3px} body.single-approfondimenti .entry-content > h1:first-child, body.single-approfondimenti .entry-content > h2:first-child{margin-top:0} body.single-approfondimenti .entry-content h3, body.single-approfondimenti .entry-content h4{margin:30px 0 12px;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:21px!important;font-weight:400!important;line-height:1.32!important} body.single-approfondimenti .entry-content a{color:var(--sg-petrol)!important;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} body.single-approfondimenti .entry-content ul{padding-left:0;list-style:none} body.single-approfondimenti .entry-content ul li{position:relative;margin-bottom:8px;padding-left:22px} body.single-approfondimenti .entry-content ul li:before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--sg-brand)} body.single-approfondimenti .entry-content img{border-radius:8px} body.single-approfondimenti .entry-content blockquote{margin:24px 0;padding:6px 0 6px 18px;border-left:3px solid var(--sg-brand);color:var(--sg-navy);font-family:var(--sg-serif);font-size:20px;font-style:normal} @media (min-width:768px){ body.archive .page-header .page-title{font-size:42px!important} body.single-approfondimenti .entry-content h1,body.single-approfondimenti .entry-content h2{font-size:30px!important} body.single-approfondimenti .entry-content h3,body.single-approfondimenti .entry-content h4{font-size:23px!important} } body.single-approfondimenti footer.entry-meta{margin-top:34px;padding-top:20px;border-top:1px solid var(--sg-border);color:var(--sg-steel)!important;font-family:var(--sg-sans);font-size:14px} body.single-approfondimenti footer.entry-meta a{color:var(--sg-petrol)!important;text-decoration:none!important;font-weight:700} body.single-approfondimenti footer.entry-meta .gp-icon svg{fill:var(--sg-steel)} body.single-approfondimenti .post-navigation{display:grid;gap:10px;margin-top:18px} body.single-approfondimenti .post-navigation .nav-previous, body.single-approfondimenti .post-navigation .nav-next{padding:12px 16px;background:var(--sg-bg-ice);border:1px solid #D3DDE7;border-radius:8px} body.single-approfondimenti .post-navigation a{color:var(--sg-navy)!important;font-weight:700;text-decoration:none!important} body.single-approfondimenti .comments-area .comments-title, body.single-approfondimenti .comments-area .comment-reply-title{color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:24px!important;font-weight:400!important;line-height:1.25} body.single-approfondimenti .comments-area .comment-author .fn, body.single-approfondimenti .comments-area .comment-author .fn a{color:var(--sg-navy)!important;font-weight:700;text-decoration:none!important} body.single-approfondimenti .comments-area .comment-metadata, body.single-approfondimenti .comments-area .comment-metadata a{color:var(--sg-steel)!important;font-size:13px;text-decoration:none!important} body.single-approfondimenti .comments-area .comment-content{padding:16px 18px;background:var(--sg-bg-ice);border:1px solid #D3DDE7;border-radius:8px;color:var(--sg-text)} @media (max-width:767px){ body.single-approfondimenti .inside-article{padding-top:30px!important} body.archive .page-header{padding-top:8px} body.archive.category #primary{padding-top:0} } body.single-approfondimenti .entry-header{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--sg-border)} body.single-approfondimenti .entry-header .entry-title{margin:0;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:30px!important;font-weight:400!important;line-height:1.16!important;letter-spacing:-.4px;text-transform:none!important} body.single-approfondimenti .entry-header .entry-title:after{content:"";display:block;width:52px;height:2px;margin-top:18px;background:var(--sg-brand)} body.single-approfondimenti .entry-header .entry-meta{margin-top:14px;color:var(--sg-steel)!important;font-family:var(--sg-sans);font-size:14px!important;line-height:1.5} body.single-approfondimenti .entry-header .entry-meta a{color:var(--sg-petrol)!important;font-weight:700;text-decoration:none!important} body.single-approfondimenti .featured-image, body.single-approfondimenti .page-header-image-single{margin:0 0 30px!important;padding:0!important} body.single-approfondimenti .featured-image img, body.single-approfondimenti .page-header-image-single img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sg-border);border-radius:8px;background:var(--sg-bg-light)} @media (min-width:768px){ body.single-approfondimenti .entry-header .entry-title{font-size:38px!important} } @media (min-width:1100px){ body.single-approfondimenti .entry-header .entry-title{font-size:44px!important} } body.single-approfondimenti .comment-respond .logged-in-as, body.single-approfondimenti .comment-respond .comment-notes{color:var(--sg-text)!important;font-family:var(--sg-sans);font-size:15px;line-height:1.6} body.single-approfondimenti .comment-respond a{color:var(--sg-petrol)!important;font-weight:700;text-decoration:none!important} body.single-approfondimenti .comment-form textarea, body.single-approfondimenti .comment-form input[type="text"], body.single-approfondimenti .comment-form input[type="email"], body.single-approfondimenti .comment-form input[type="url"]{width:100%;background:#FFFFFF;border:1px solid var(--sg-border)!important;border-radius:8px;color:var(--sg-navy);font-size:16px} body.single-approfondimenti .comment-form textarea:focus, body.single-approfondimenti .comment-form input:focus{border-color:var(--sg-brand)!important;outline:3px solid rgba(38,170,225,.18);outline-offset:0} body.single-approfondimenti .comment-form input[type="submit"]{min-height:48px;padding:12px 26px!important;background:var(--sg-navy)!important;border:1px solid var(--sg-navy)!important;border-radius:8px!important;color:#FFFFFF!important;font-family:var(--sg-sans);font-size:16px!important;font-weight:700!important;line-height:1.2!important;text-indent:0!important;cursor:pointer} @media (hover:hover) and (pointer:fine){ body.single-approfondimenti .comment-form input[type="submit"]:hover{background:var(--sg-petrol)!important;border-color:var(--sg-petrol)!important} } body.single-approfondimenti #respond #submit, body.single-approfondimenti #respond input#submit{min-height:48px;padding:12px 26px!important;background:var(--sg-navy)!important;border:1px solid var(--sg-navy)!important;border-radius:8px!important;color:#FFFFFF!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;text-indent:0!important;opacity:1!important} @media (hover:hover) and (pointer:fine){ body.single-approfondimenti #respond #submit:hover{background:var(--sg-petrol)!important;border-color:var(--sg-petrol)!important;color:#FFFFFF!important} } body.single-approfondimenti .inside-article{padding-top:130px!important} @media (min-width:768px){body.single-approfondimenti .inside-article{padding-top:130px!important}} @media (max-width:767px){body.single-approfondimenti .inside-article{padding-top:8px!important}} body.single-approfondimenti .featured-image img, body.single-approfondimenti .page-header-image-single img{aspect-ratio:21/9!important;max-height:420px;object-fit:cover} @media (max-width:767px){ body.single-approfondimenti .featured-image img, body.single-approfondimenti .page-header-image-single img{aspect-ratio:16/9!important;max-height:none} } /* Titolo principale con lo stile H1 anche quando è un H2 (o altro livello) */ .sgromo-pagina.sgromo-pagina h2.sg-h1,.sgromo-pagina.sgromo-pagina h3.sg-h1,.sgromo-pagina.sgromo-pagina p.sg-h1{margin:0;max-width:820px;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:32px!important;font-weight:400!important;line-height:1.06!important;letter-spacing:-.7px;text-transform:none!important} @media (min-width:768px){.sgromo-pagina.sgromo-pagina h2.sg-h1,.sgromo-pagina.sgromo-pagina h3.sg-h1,.sgromo-pagina.sgromo-pagina p.sg-h1{font-size:44px!important;letter-spacing:-1.2px}} @media (min-width:1100px){.sgromo-pagina.sgromo-pagina h2.sg-h1,.sgromo-pagina.sgromo-pagina h3.sg-h1,.sgromo-pagina.sgromo-pagina p.sg-h1{font-size:54px!important;letter-spacing:-1.7px}} /* Titoli: stesso font, peso e stile ovunque (annulla eventuali regole vecchie) */ .sgromo-pagina.sgromo-pagina .sg-h1, .sgromo-pagina.sgromo-pagina .sg-h2, .sgromo-pagina.sgromo-pagina .sg-box-title{font-family:Georgia,"Times New Roman",Times,serif!important;font-weight:400!important;font-style:normal!important;text-transform:none!important} .sgromo-pagina.sgromo-pagina .sg-h1 *, .sgromo-pagina.sgromo-pagina .sg-h2 *, .sgromo-pagina.sgromo-pagina .sg-box-title *{font-family:inherit!important;font-weight:inherit!important} .sgromo-pagina.sgromo-pagina .sg-h2{letter-spacing:-.6px!important;line-height:1.1!important} /* Titoli di sezione con lo stesso "taglio" del titolo principale (spaziatura stretta) */ .sgromo-pagina.sgromo-pagina .sg-h2{letter-spacing:-.9px!important;line-height:1.08!important} @media (min-width:768px){.sgromo-pagina.sgromo-pagina .sg-h2{letter-spacing:-1px!important}} @media (min-width:1100px){.sgromo-pagina.sgromo-pagina .sg-h2{letter-spacing:-1.2px!important}} .sgromo-pagina.sgromo-pagina .sg-box-title{letter-spacing:-.9px!important;line-height:1.08!important} /* STANDARD TITOLI DI SEZIONE: eyebrow → titolo → lineetta azzurra → contenuto, uguale in tutte le pagine */ .sgromo-pagina .sg-h2:not(.sg-h2--lined)::after{content:"";display:block;width:52px;height:2px;margin-top:18px;background:var(--sg-brand)} .sgromo-pagina .sg-h2 + .sg-divider{display:none} .sgromo-pagina .sg-cta-band .sg-h2::after{margin-left:auto;margin-right:auto} .sgromo-pagina .sg-h1,.sgromo-pagina .sg-h2{text-wrap:pretty} .sgromo-pagina .sg-cta-band .sg-h2{text-wrap:balance} /* Niente "percorso" (Home » …) nelle pagine nuove */ .sgromo-pagina .sg-breadcrumb{display:none!important} /* Due sezioni dello stesso colore una dopo l'altra: niente doppio spazio, sembrano una sola */ .sgromo-pagina .sg-bg-ice + .sg-bg-ice > .sg-container, .sgromo-pagina .sg-bg-white + .sg-bg-white > .sg-container{padding-top:0!important} /* Eyebrow in H2: stessa grandezza dell'eyebrow normale anche su computer */ @media (min-width:768px){.sgromo-pagina.sgromo-pagina h2.sg-section-eyebrow{font-size:14px!important}} /* ===================================================================== AGGIUNTA v13 — pagina "Interviste": spot radio RDS, griglia video ===================================================================== */ .sgromo-pagina .sg-radio{display:grid;grid-template-columns:1fr;gap:20px;align-items:center;margin-top:30px;padding:26px 24px;background:var(--sg-navy);border-radius:8px;border-top:3px solid var(--sg-brand)} .sgromo-pagina .sg-radio-logo{display:block;width:150px;height:auto} .sgromo-pagina.sgromo-pagina .sg-radio-title{margin:0 0 14px;color:#FFFFFF;font-family:var(--sg-serif);font-size:22px;line-height:1.3} .sgromo-pagina .sg-radio-player{display:block;width:100%;height:44px} @media (min-width:768px){ .sgromo-pagina .sg-radio{grid-template-columns:180px minmax(0,1fr);gap:36px;padding:32px 40px} .sgromo-pagina .sg-radio-logo{width:170px} .sgromo-pagina.sgromo-pagina .sg-radio-title{font-size:26px} } /* Interviste: le prime 2 più grandi, poi 3 per riga */ @media (min-width:1100px){ .sgromo-pagina .sg-snap.sg-snap--feature2{grid-template-columns:repeat(6,minmax(0,1fr))} .sgromo-pagina .sg-snap.sg-snap--feature2>*{grid-column:span 2} .sgromo-pagina .sg-snap.sg-snap--feature2>*:nth-child(-n+2){grid-column:span 3} } /* Interviste: spot RDS dentro il box dell'hero */ .sgromo-pagina .sg-radio-box{display:grid;grid-template-columns:1fr;gap:16px;align-items:center;padding:18px;background:var(--sg-navy);border-radius:8px} .sgromo-pagina .sg-radio-box .sg-radio-logo{width:120px} .sgromo-pagina .sg-radio-box .sg-radio-player{width:100%} @media (min-width:560px){.sgromo-pagina .sg-radio-box{grid-template-columns:120px minmax(0,1fr)}} /* Spot RDS: lettore audio sempre visibile, logo sopra e lettore sotto */ .sgromo-pagina .sg-radio-box{display:flex!important;flex-direction:column;align-items:flex-start;gap:14px} .sgromo-pagina .sg-radio-box .sg-radio-logo{width:120px!important;height:auto} .sgromo-pagina.sgromo-pagina audio.sg-radio-player{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:240px;height:48px!important;max-width:none} .sgromo-pagina.sgromo-pagina .sg-radio-link{color:#E1F3FB!important;font-size:13px;text-decoration:underline!important;text-underline-offset:3px} /* ===================================================================== AGGIUNTA v15 — pagina "Servizi": card "Perché…" e colonne con sottotitolo ===================================================================== */ .sgromo-pagina .sg-why-grid{display:grid;grid-template-columns:1fr;gap:20px} .sgromo-pagina .sg-why-card{display:flex;align-items:center;gap:18px;padding:24px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-why-card p{margin:0;color:var(--sg-text);font-size:17px;line-height:1.55} .sgromo-pagina .sg-why-card strong{color:var(--sg-navy)} @media (min-width:768px){.sgromo-pagina .sg-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}} .sgromo-pagina.sgromo-pagina .sg-feature-title{margin:0;color:var(--sg-navy);font-family:var(--sg-sans);font-size:17px;font-weight:800;line-height:1.3;letter-spacing:.6px} .sgromo-pagina.sgromo-pagina .sg-feature-sub{margin:4px 0 0!important;color:var(--sg-petrol)!important;font-size:15px!important;font-weight:700;line-height:1.4!important} .sgromo-pagina .sg-feature-head{align-items:flex-start} /* ===================================================================== AGGIUNTA v16 — pagina "Parlano di noi": rassegna stampa ===================================================================== */ .sgromo-pagina .sg-press-list{display:grid;gap:28px;margin-top:36px} .sgromo-pagina .sg-press-item{display:grid;grid-template-columns:1fr;gap:22px;align-items:center;padding:22px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-press-info{display:flex;flex-direction:column;align-items:flex-start} .sgromo-pagina .sg-press-logo{display:block;width:auto;max-width:170px;max-height:64px;height:auto;object-fit:contain;margin-bottom:16px} .sgromo-pagina.sgromo-pagina .sg-press-title{margin:0;color:var(--sg-navy);font-family:var(--sg-serif);font-size:22px;font-weight:400;line-height:1.28;letter-spacing:-.3px;text-transform:none} .sgromo-pagina .sg-press-date{display:inline-block;margin:14px 0 0;padding:4px 12px;background:var(--sg-bg-light);border-radius:999px;color:var(--sg-petrol);font-size:13px;font-weight:800;letter-spacing:1px} .sgromo-pagina.sgromo-pagina .sg-press-link{margin-top:18px;color:var(--sg-petrol)!important;font-size:14px;font-weight:800;letter-spacing:.4px;text-decoration:underline!important;text-underline-offset:3px} .sgromo-pagina .sg-press-shots{display:grid;grid-template-columns:1fr;gap:12px} .sgromo-pagina .sg-press-shots img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:var(--sg-bg-ice);border:1px solid var(--sg-border);border-radius:6px} @media (min-width:560px){.sgromo-pagina .sg-press-shots--2{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (min-width:1024px){ .sgromo-pagina .sg-press-item{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;padding:32px 36px} .sgromo-pagina.sgromo-pagina .sg-press-title{font-size:25px} } /* Parlano di noi: loghi delle testate più leggibili (le immagini quadrate hanno molto bianco attorno) */ .sgromo-pagina .sg-press-logo{width:150px!important;max-width:150px;max-height:none!important;height:auto;margin:-18px 0 0 -14px} /* ===== v17 RECENSIONI ===== */ .sgromo-pagina.sgromo-pagina h3.sg-hero-lead{margin:22px 0 0!important;max-width:760px;padding-left:16px;border-left:2px solid var(--sg-brand);color:var(--sg-navy)!important;font-family:var(--sg-sans)!important;font-size:17px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important} .sgromo-pagina .sg-video-grid{display:grid;grid-template-columns:1fr;gap:20px} .sgromo-pagina .sg-video-embed{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:var(--sg-navy);box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-video-embed iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:0} .sgromo-pagina .sg-review-summary.sg-review-summary--4{margin-top:36px} .sgromo-pagina .sg-review-summary.sg-review-summary--4 .sg-rating.sg-rating{grid-column:auto} .sgromo-pagina.sgromo-pagina h4.sg-rating-value{margin:0!important;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:24px!important;font-weight:400!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap} .sgromo-pagina .sg-rating .sg-rating-place{margin-top:12px;color:var(--sg-petrol);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase} .sgromo-pagina .sg-rating .sg-rating-place + span{margin-top:2px} .sgromo-pagina .sg-rating b{color:var(--sg-navy)} .sgromo-pagina .sg-review-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch} .sgromo-pagina .sg-review-grid .sg-review-card{display:flex;flex-direction:column;padding:24px 22px!important} .sgromo-pagina .sg-review-top{display:flex;align-items:center;gap:10px} .sgromo-pagina .sg-review-source{width:28px!important;height:28px!important;object-fit:contain} .sgromo-pagina .sg-review-grid .sg-stars{font-size:15px;letter-spacing:2px} .sgromo-pagina .sg-review-text{flex:1;margin:14px 0 18px} .sgromo-pagina.sgromo-pagina .sg-review-text p{margin:0 0 10px;color:var(--sg-text);font-size:15.5px;font-style:italic;line-height:1.65} .sgromo-pagina.sgromo-pagina .sg-review-text p:last-child{margin-bottom:0} .sgromo-pagina.sgromo-pagina .sg-review-text p.sg-review-sep{text-align:center} .sgromo-pagina .sg-review-grid .sg-review-card strong{font-size:16px} .sgromo-pagina .sg-review-grid .sg-review-card small{font-size:13px;color:var(--sg-petrol)} .sgromo-pagina.sgromo-pagina h4.sg-section-eyebrow{margin:0 0 4px;font-family:var(--sg-sans)!important;font-size:13px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:1.55px!important;text-transform:uppercase!important} @media (min-width:768px){ .sgromo-pagina .sg-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} .sgromo-pagina .sg-review-summary.sg-review-summary--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .sgromo-pagina .sg-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .sgromo-pagina.sgromo-pagina h4.sg-section-eyebrow{font-size:14px!important} } @media (min-width:1100px){ .sgromo-pagina .sg-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} } /* Bruno: la foto scorre con il testo (non sticky) */ .sgromo-pagina .sg-bio-photo{position:static!important;top:auto!important;align-self:start} /* Archivi: "Leggi tutto" uguale su tutte le schede, in fondo alla card */ body.archive .site-main article a.read-more{display:none!important} body.archive .site-main article .sg-read-more-wrap{margin:auto 0 0!important;padding:14px 22px 22px} body.archive .site-main article a.sg-read-more{color:#2E5875!important;font-size:14px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;text-decoration:none!important} body.archive .site-main article a.sg-read-more{color:#2E5875!important;font-size:15px;font-weight:800;text-transform:none!important;letter-spacing:0;text-decoration:none!important} /* ===== v18 SEI UN AVVOCATO (affiliazione) ===== */ .sgromo-pagina .sg-aff-row{display:grid;grid-template-columns:1fr;gap:24px;align-items:center} .sgromo-pagina .sg-aff-row + .sg-aff-row{margin-top:40px;padding-top:40px;border-top:1px solid var(--sg-border)} .sgromo-pagina .sg-aff-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:220px;padding:36px 24px;background:var(--sg-bg-light);border-radius:8px;text-align:center} .sgromo-pagina .sg-aff-icon{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#FFFFFF;color:var(--sg-brand);font-size:36px;box-shadow:0 8px 22px rgba(15,39,64,.08)} .sgromo-pagina.sgromo-pagina h2.sg-aff-title{margin:0!important;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:30px!important;font-weight:400!important;line-height:1.15!important;letter-spacing:-.6px!important;text-transform:none!important} .sgromo-pagina.sgromo-pagina .sg-aff-text p,.sgromo-pagina.sgromo-pagina .sg-aff-text li{color:var(--sg-text);font-size:17px;line-height:1.72} .sgromo-pagina.sgromo-pagina .sg-aff-text p{margin:0 0 16px} .sgromo-pagina.sgromo-pagina .sg-aff-text p:last-child{margin-bottom:0} .sgromo-pagina .sg-aff-text strong{color:var(--sg-navy)} .sgromo-pagina.sgromo-pagina .sg-aff-text ul{margin:0 0 18px;padding-left:20px;list-style:disc} .sgromo-pagina.sgromo-pagina .sg-aff-text li{margin:0 0 8px} .sgromo-pagina.sgromo-pagina .sg-aff-text li::marker{color:var(--sg-brand)} .sgromo-pagina .sg-aff-intro{max-width:900px;margin-top:26px} .sgromo-pagina.sgromo-pagina .sg-aff-intro p{margin:0 0 14px;color:var(--sg-text);font-size:17px;line-height:1.72} .sgromo-pagina .sg-aff-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:34px} .sgromo-pagina .sg-aff-grid .sg-card{display:flex;flex-direction:column} .sgromo-pagina.sgromo-pagina .sg-aff-grid .sg-card h4{margin:0!important;color:var(--sg-navy)!important;font-family:var(--sg-serif)!important;font-size:21px!important;font-weight:400!important;line-height:1.28!important;letter-spacing:-.3px!important;text-transform:none!important} .sgromo-pagina.sgromo-pagina .sg-aff-grid .sg-card p{font-size:15.5px} /* fascia navy "Come affiliarsi" */ .sgromo-pagina .sg-aff-row--navy .sg-aff-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)} .sgromo-pagina .sg-aff-row--navy .sg-aff-icon{background:rgba(38,170,225,.14);color:var(--sg-brand);box-shadow:none} .sgromo-pagina.sgromo-pagina .sg-aff-row--navy h2.sg-aff-title{color:#FFFFFF!important} .sgromo-pagina.sgromo-pagina .sg-aff-join .sg-aff-text p,.sgromo-pagina.sgromo-pagina .sg-aff-join .sg-aff-text li{color:rgba(255,255,255,.86)} .sgromo-pagina .sg-aff-join .sg-aff-text strong{color:#FFFFFF} .sgromo-pagina.sgromo-pagina .sg-aff-join .sg-aff-text a{color:var(--sg-brand)!important;font-weight:800;text-decoration:none!important;white-space:nowrap} @media (min-width:768px){ .sgromo-pagina .sg-aff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} } @media (min-width:1000px){ .sgromo-pagina .sg-aff-row{grid-template-columns:2fr 3fr;gap:56px} .sgromo-pagina .sg-aff-box{min-height:260px} .sgromo-pagina.sgromo-pagina h2.sg-aff-title{font-size:34px!important} } @media (min-width:1100px){ .sgromo-pagina .sg-aff-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } /* ===== v18b SEI UN AVVOCATO — nuova grafica (stile home) ===== */ .sgromo-pagina .sg-aff-lead{margin-top:26px!important} .sgromo-pagina .sg-aff-hero-box{display:flex;flex-direction:column;align-items:flex-start} .sgromo-pagina .sg-aff-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:var(--sg-bg-light);color:var(--sg-brand);font-size:28px} .sgromo-pagina .sg-aff-hero-box .sg-aff-icon{margin-bottom:18px} .sgromo-pagina.sgromo-pagina .sg-aff-box-lead{margin:0;color:var(--sg-navy)!important;font-family:Georgia,"Times New Roman",serif;font-size:22px!important;line-height:1.38!important} .sgromo-pagina .sg-aff-hero-box .sg-divider{margin:20px 0} .sgromo-pagina .sg-aff-hero-box .sg-text{margin:0} .sgromo-pagina.sgromo-pagina .sg-aff-phone{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-size:20px;letter-spacing:.5px} .sgromo-pagina.sgromo-pagina .sg-aff-next{margin-top:18px;color:var(--sg-petrol)!important;font-size:14px;font-weight:800;text-decoration:none!important} .sgromo-pagina.sgromo-pagina .sg-aff-next:hover{color:var(--sg-brand)!important} /* due pannelli affiancati */ .sgromo-pagina .sg-aff-panels{display:grid;grid-template-columns:1fr;gap:22px} .sgromo-pagina .sg-aff-panel{padding:32px 28px;background:#FFFFFF;border:1px solid var(--sg-border);border-top:3px solid var(--sg-brand);border-radius:8px;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-aff-panel .sg-aff-icon{margin-bottom:20px} .sgromo-pagina.sgromo-pagina .sg-aff-panel h2.sg-aff-title{margin:0 0 18px!important;color:var(--sg-navy)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:30px!important;font-weight:400!important;line-height:1.15!important;letter-spacing:-.8px!important;text-transform:none!important} .sgromo-pagina .sg-aff-panel h2.sg-aff-title::after{content:"";display:block;width:52px;height:2px;margin-top:16px;background:var(--sg-brand)} .sgromo-pagina.sgromo-pagina .sg-aff-panel .sg-aff-text p{margin:0 0 14px;color:var(--sg-text);font-size:16.5px;line-height:1.72} .sgromo-pagina.sgromo-pagina .sg-aff-panel .sg-aff-text p:last-child{margin-bottom:0} .sgromo-pagina .sg-aff-panel strong{color:var(--sg-navy)} /* passi senza titolo */ .sgromo-pagina.sgromo-pagina .sg-aff-steps .sg-step p{margin:0} /* CTA finale */ .sgromo-pagina.sgromo-pagina .sg-aff-cta-text{max-width:760px;margin:0 auto 22px;color:#FFFFFF;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.4;text-align:center} @media (min-width:900px){ .sgromo-pagina .sg-aff-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} .sgromo-pagina .sg-aff-panel{padding:40px 38px} .sgromo-pagina.sgromo-pagina .sg-aff-panel h2.sg-aff-title{font-size:34px!important} .sgromo-pagina.sgromo-pagina .sg-aff-cta-text{font-size:28px} } /* ===== v18c SEI UN AVVOCATO — pannelli: icona piccola a sinistra del titolo (stile pagina Risarcimento) ===== */ .sgromo-pagina .sg-aff-panel{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;align-items:center;align-content:start} .sgromo-pagina .sg-aff-panel .sg-aff-icon{width:52px;height:52px;flex-basis:52px;margin:0!important;font-size:22px} .sgromo-pagina.sgromo-pagina .sg-aff-panel h2.sg-aff-title{margin:0!important} .sgromo-pagina .sg-aff-panel h2.sg-aff-title::after{display:none} .sgromo-pagina .sg-aff-panel .sg-aff-text{grid-column:1/-1;margin-top:22px} /* Menu desktop: sottomenu aperti anche al passaggio del mouse (non solo con la freccia) */ @media (min-width: 769px) { .main-navigation .menu-chi-siamo:hover > ul.sub-menu, .main-navigation .menu-chi-siamo:focus-within > ul.sub-menu, .main-navigation .menu-errori-medici:hover > ul.sub-menu, .main-navigation .menu-errori-medici:focus-within > ul.sub-menu, .main-navigation .menu-contatti:hover > ul.sub-menu, .main-navigation .menu-contatti:focus-within > ul.sub-menu { display: flex !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; height: auto !important; overflow: visible !important; } .main-navigation .menu-chi-siamo > ul.sub-menu::before, .main-navigation .menu-errori-medici > ul.sub-menu::before, .main-navigation .menu-contatti > ul.sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; } } /* ===== v19 I NOSTRI CASI — filtro nella stessa pagina + tutti i casi ===== */ .sgromo-pagina .sg-casi-filtro{margin-top:8px} .sgromo-pagina.sgromo-pagina .sg-filter button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;background:#FFFFFF;border:1px solid var(--sg-border-strong);border-radius:6px;color:var(--sg-navy);font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer;transition:background .2s,border-color .2s,color .2s} .sgromo-pagina.sgromo-pagina .sg-filter button:hover{background:var(--sg-bg-light);border-color:var(--sg-brand);color:var(--sg-petrol)} .sgromo-pagina.sgromo-pagina .sg-filter button.is-active{background:var(--sg-navy);border-color:var(--sg-navy);color:#FFFFFF} .sgromo-pagina.sgromo-pagina .sg-filter button:focus-visible{outline:2px solid var(--sg-brand);outline-offset:2px} .sgromo-pagina .sg-case-grid--all{margin-top:28px} .sgromo-pagina .sg-case-grid--all .sg-case-card[hidden]{display:none!important} .sgromo-pagina .sg-case-img{display:block;overflow:hidden;background:var(--sg-bg-light)} .sgromo-pagina .sg-case-img img{display:block;width:100%;height:100%;object-fit:cover} .sgromo-pagina .sg-case-cat{color:var(--sg-petrol)} .sgromo-pagina.sgromo-pagina h2.sg-case-title{margin:0!important;font-family:var(--sg-sans)!important;font-size:17px!important;font-weight:700!important;line-height:1.38!important;letter-spacing:0!important;text-transform:none!important} .sgromo-pagina.sgromo-pagina h2.sg-case-title a{color:var(--sg-navy)!important;text-decoration:none!important} .sgromo-pagina.sgromo-pagina h2.sg-case-title a:hover{color:var(--sg-petrol)!important} .sgromo-pagina .sg-case-grid--all .sg-case-excerpt{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:15px} .sgromo-pagina .sg-case-grid--all .sg-case-meta{justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap} .sgromo-pagina.sgromo-pagina .sg-case-amount{margin:0;color:var(--sg-navy);font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase} .sgromo-pagina .sg-case-amount strong{color:var(--sg-brand);font-size:17px;letter-spacing:0} .sgromo-pagina .sg-casi-empty{margin-top:24px;color:var(--sg-text)} /* mobile: immagine a sinistra come le altre card */ @media (max-width:767px){ .sgromo-pagina .sg-case-grid--all .sg-case-img{width:112px;min-height:142px} .sgromo-pagina .sg-case-grid--all .sg-case-excerpt{display:none} .sgromo-pagina .sg-filter{gap:8px} .sgromo-pagina.sgromo-pagina .sg-filter button{min-height:38px;padding:7px 12px;font-size:14px} } @media (min-width:768px){ .sgromo-pagina .sg-case-grid--all .sg-case-img{aspect-ratio:400/284} .sgromo-pagina.sgromo-pagina h2.sg-case-title{font-size:18px!important} } /* ===== v21 CATEGORIE ERRORI MEDICI (Elementi GP sopra e sotto l'archivio) ===== */ /* il titolo automatico dell'archivio sparisce quando c'è la nostra intestazione (niente doppio H1) */ body:has(.sg-cat-hero) .page-header{display:none!important} body:has(.sg-cat-hero) .site-content{padding-top:48px} .sgromo-pagina .sg-cat-head{display:flex;align-items:center;gap:20px} .sgromo-pagina .sg-cat-icon{width:64px;height:64px;flex:0 0 64px;padding:12px;background:#FFFFFF;border:1px solid var(--sg-border);border-radius:50%;object-fit:contain;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-cat-head .sg-section-eyebrow{margin:0 0 4px} .sgromo-pagina.sgromo-pagina .sg-cat-list-intro{margin:0 0 20px;color:var(--sg-navy);font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.3} .sgromo-pagina.sgromo-pagina .sg-cat-list{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none} .sgromo-pagina.sgromo-pagina .sg-cat-list li{position:relative;margin:0;padding:14px 16px 14px 46px;background:var(--sg-bg-ice);border:1px solid var(--sg-border);border-radius:8px;color:var(--sg-text);font-size:16px;line-height:1.5} .sgromo-pagina .sg-cat-list li::before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--sg-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' d='M4 8.5l2.5 2.5L12 5.5'/%3E%3C/svg%3E") center/12px no-repeat} .sgromo-pagina.sgromo-pagina .sg-cat-list-outro{max-width:820px;margin:24px 0 0;padding-left:16px;border-left:3px solid var(--sg-brand);color:var(--sg-navy);font-size:17px;font-weight:700;line-height:1.6} .sgromo-pagina .sg-cat-bottom .sg-case-grid--all{margin-top:30px} @media (min-width:768px){ .sgromo-pagina.sgromo-pagina .sg-cat-list{grid-template-columns:repeat(2,minmax(0,1fr))} .sgromo-pagina .sg-cat-icon{width:76px;height:76px;flex-basis:76px;padding:14px} } @media (min-width:1100px){ .sgromo-pagina.sgromo-pagina .sg-cat-list{grid-template-columns:repeat(3,minmax(0,1fr))} } /* Categorie Errori medici: titolo (H2) e descrizione della categoria sopra gli articoli */ body:has(.sg-cat-hero) .page-header.sg-cat-archive-head{display:block!important;padding-top:0!important;margin-bottom:28px;} /* Categorie Errori medici: titolo sempre visibile (anche sui browser senza :has) e meno spazio sopra */ body.sg-cat-errori .page-header.sg-cat-archive-head{display:block!important;padding-top:0!important;margin-bottom:28px} body.sg-cat-errori .site-content{padding-top:0!important} body.sg-cat-errori .sg-cat-hero .sg-bg-white > .sg-container{padding-bottom:20px!important} /* Categorie Errori medici: meno spazio sopra il titolo della categoria su cellulare */ @media (max-width:767px){ body.sg-cat-errori .sg-cat-hero .sg-bg-white > .sg-container{padding-bottom:8px!important} body.sg-cat-errori .site-content{padding-top:0!important;margin-top:0!important} body.sg-cat-errori .content-area, body.sg-cat-errori .site-main{padding-top:0!important;margin-top:0!important} body.sg-cat-errori .page-header.sg-cat-archive-head{margin-top:0!important;padding:0!important;margin-bottom:20px!important} } /* Categorie Errori medici — correzioni cellulare (v21b) */ @media (max-width:767px){ .sgromo-pagina .sg-cat-head{flex-direction:column;align-items:flex-start;gap:14px} .sgromo-pagina .sg-cat-icon{width:56px;height:56px;flex:0 0 56px;padding:10px} .sgromo-pagina .sg-cat-head .sg-h1{font-size:30px!important;line-height:1.12!important;overflow-wrap:anywhere;hyphens:auto} .sgromo-pagina.sgromo-pagina .sg-cat-list-intro{font-size:20px} .sgromo-pagina.sgromo-pagina .sg-cat-list-outro{font-size:16px} html body.sg-cat-errori .site-main .page-header.sg-cat-archive-head{padding:44px 10px 0!important;margin-top:0!important} } /* ===== v22 SINGOLO CASO RISOLTO (con snippet "Caso singolo") ===== */ body.single-casi-risolti .featured-image, body.single-casi-risolti .page-header-image-single{display:none!important} body.single-casi-risolti .site-content{padding-top:0!important} .sgromo-pagina .sg-caso-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center} .sgromo-pagina .sg-caso-foto{margin:0;border-radius:8px;overflow:hidden;box-shadow:var(--sg-shadow)} .sgromo-pagina .sg-caso-foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} .sgromo-pagina.sgromo-pagina .sg-caso-title{margin:6px 0 0!important;font-size:30px!important;line-height:1.15!important} .sgromo-pagina .sg-caso-amount{margin-top:26px;padding:18px 0;border-top:1px solid var(--sg-border-strong);border-bottom:1px solid var(--sg-border-strong)} .sgromo-pagina.sgromo-pagina .sg-caso-label{margin:0 0 4px;color:var(--sg-navy);font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase} .sgromo-pagina.sgromo-pagina .sg-caso-value{margin:0;color:var(--sg-brand);font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.1} .sgromo-pagina.sgromo-pagina .sg-caso-avv{margin:18px 0 0;color:var(--sg-text);font-size:16px;line-height:1.6} .sgromo-pagina.sgromo-pagina .sg-caso-avv a{color:var(--sg-petrol)!important;font-weight:700;text-decoration:none!important} /* contenuto + colonna "Area medica" */ body.single-casi-risolti .site-main{max-width:1200px!important} body.single-casi-risolti .sg-caso-aside{margin-top:36px;padding:24px;background:#F2FAFD;border:1px solid #D4EEF9;border-top:3px solid #26AAE1;border-radius:8px} body.single-casi-risolti .sg-caso-aside-title { margin: 0 0 14px !important; color: #42566A !important; font-family: var(--sg-font), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 22px !important; font-weight: 400 !important; } body.single-casi-risolti .sg-caso-aside ul{margin:0;padding:0;list-style:none} body.single-casi-risolti .sg-caso-aside li{margin:0;border-bottom:1px solid #D4EEF9} body.single-casi-risolti .sg-caso-aside li:last-child{border-bottom:0} body.single-casi-risolti .sg-caso-aside a{display:block;padding:10px 2px;color:#2E5875!important;font-size:16px;font-weight:600;text-decoration:none!important} body.single-casi-risolti .sg-caso-aside li.is-all a{color:#0F2740!important;font-weight:800} body.single-casi-risolti .sg-caso-aside a:hover{color:#26AAE1!important} @media (min-width:900px){ .sgromo-pagina .sg-caso-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px} .sgromo-pagina.sgromo-pagina .sg-caso-title{font-size:40px!important} body.single-casi-risolti .site-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start} body.single-casi-risolti .site-main > article{grid-column:1;min-width:0} body.single-casi-risolti .sg-caso-aside{grid-column:2;grid-row:1;margin-top:0;position:sticky;top:130px} } /* Caso singolo: spazio sotto il menu fisso */ .sgromo-pagina.sg-caso-hero .sg-section > .sg-container{padding-top:150px!important} @media (max-width:767px){.sgromo-pagina.sg-caso-hero .sg-section > .sg-container{padding-top:110px!important}} /* ===================================================================== TIPOGRAFIA UNIFICATA — valori della landing approvata --------------------------------------------------------------------- Va incollato IN FONDO al CSS aggiuntivo, dopo tutto il resto. Per tornare indietro basta cancellare questo blocco. PARTE A — pagine nuove (.sgromo-pagina) Dà lo stile standard ai paragrafi, agli elenchi e ai titoli scritti "senza classe", che finora prendevano lo stile di base del tema (per questo alcune pagine avevano colori e caratteri diversi). Gli elementi che hanno già uno stile proprio NON cambiano. PARTE B — singolo caso risolto Il testo dei casi risolti prende lo stesso stile degli articoli. PARTE C — home (.sgromo-home) Titoli H1 e H2 della home con le stesse misure delle altre pagine. Su computer gli H2 della home erano più piccoli (26px) che su tablet (34px). È l'unica parte che cambia in modo visibile titoli già approvati: se non la volete, cancellate solo la PARTE C. ===================================================================== */ :root { --sg-serif: Georgia, "Times New Roman", Times, serif; --sg-text-on-navy: #D4EEF9; } /* ---------- PARTE A — pagine nuove ---------- */ /* Paragrafi ed elenchi senza classe (esclusi quelli del modulo contatti) */ .sgromo-pagina :where(p:not([class]):not(.wpcf7 *), li:not([class]):not(.wpcf7 *)) { font-family: var(--sg-font); font-size: 17px; line-height: 1.72; color: var(--sg-text); } /* H1 e H2 senza classe: Georgia, blu navy, come i titoli della landing */ .sgromo-pagina :where(h1:not([class]), h2:not([class])) { font-family: var(--sg-serif); font-weight: 400; font-style: normal; color: var(--sg-navy); letter-spacing: -0.5px; text-transform: none; } /* H3 e H4 senza classe: carattere del testo, grassetto, blu navy */ .sgromo-pagina :where(h3:not([class]), h4:not([class])) { font-family: var(--sg-font); font-weight: 700; font-style: normal; color: var(--sg-navy); letter-spacing: 0; text-transform: none; } /* Stessi elementi dentro le fasce blu navy: testo chiaro leggibile */ .sgromo-pagina .sg-bg-navy :where(p:not([class]):not(.wpcf7 *), li:not([class]):not(.wpcf7 *)) { color: var(--sg-text-on-navy); } .sgromo-pagina .sg-bg-navy :where(h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class])) { color: #FFFFFF; } /* ---------- PARTE B — singolo caso risolto (come gli articoli) ---------- */ body.single-casi-risolti .entry-content :is(p, li):not(.sgromo-pagina *) { color: var(--sg-text); font-family: var(--sg-font); font-size: 17px; line-height: 1.78; } body.single-casi-risolti .entry-content p:not(.sgromo-pagina *) { margin: 0 0 18px; } body.single-casi-risolti .entry-content strong:not(.sgromo-pagina *) { color: var(--sg-navy); } body.single-casi-risolti .entry-content :is(h1, h2):not(.sgromo-pagina *) { margin: 38px 0 16px; color: var(--sg-navy); font-family: var(--sg-serif); font-size: 26px; font-weight: 400; line-height: 1.25; letter-spacing: -0.3px; text-transform: none; } body.single-casi-risolti .entry-content :is(h3, h4):not(.sgromo-pagina *) { margin: 30px 0 12px; color: var(--sg-navy); font-family: var(--sg-serif); font-size: 21px; font-weight: 400; line-height: 1.32; text-transform: none; } body.single-casi-risolti .entry-content a:not(.sgromo-pagina *) { color: var(--sg-petrol); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } @media (min-width: 768px) { body.single-casi-risolti .entry-content :is(h1, h2):not(.sgromo-pagina *) { font-size: 30px; } body.single-casi-risolti .entry-content :is(h3, h4):not(.sgromo-pagina *) { font-size: 23px; } } /* ---------- PARTE C — home: titoli con le misure delle altre pagine ---------- */ .sgromo-home h1 { font-size: 32px; line-height: 1.06; letter-spacing: -0.7px; } .sgromo-home h2 { font-size: 28px; line-height: 1.08; letter-spacing: -0.9px; } @media (min-width: 768px) { .sgromo-home h1 { font-size: 44px; letter-spacing: -1.2px; } .sgromo-home h2 { font-size: 34px; letter-spacing: -1px; } } @media (min-width: 1100px) { .sgromo-home h1 { font-size: 54px; letter-spacing: -1.7px; } .sgromo-home h2 { font-size: 40px; letter-spacing: -1.2px; } } /* Caso singolo: spazio tra la fascia in alto e il testo (tablet e computer) */ @media (min-width:768px){ body.single-casi-risolti .sgromo-pagina.sg-caso-hero{margin-bottom:56px!important} } /* "I nostri casi": sulla categoria Casi Malasanità si vede solo il contenuto dell'Elemento */ body.tax-categoria-casi.term-89 .site-content{display:none!important} /* Pagina Errori medici sulla categoria Errori Medici: si vede solo l'Elemento */ body.category-errori-medici .site-content{display:none!important} /* Come denunciare — versione a 3 card */ @media (min-width:768px) and (max-width:1099px){ .sgromo-pagina .sg-feature-grid--3 > .sg-feature:last-child:nth-child(odd){grid-column:1 / -1} } @media (min-width:1100px){ .sgromo-pagina .sg-feature-grid.sg-feature-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))} } /* Come denunciare — 3 card nelle landing */ @media (min-width:768px) and (max-width:1099px){ .sgromo-landing .sg-feature-grid--3 > .sg-feature:last-child:nth-child(odd){grid-column:1 / -1} } @media (min-width:1100px){ .sgromo-landing .sg-feature-grid.sg-feature-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))} } /* Blog (Approfondimenti) — più spazio tra gli articoli e il footer */ body.tax-categorie #primary{ padding-bottom:56px !important; } @media (min-width:768px){ body.tax-categorie #primary{ padding-bottom:110px !important; } } font-family: var(--sg-font, system-ui), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;