.elementor-20275 .elementor-element.elementor-element-67ece4f2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-20275 .elementor-element.elementor-element-67ece4f2:not(.elementor-motion-effects-element-type-background), .elementor-20275 .elementor-element.elementor-element-67ece4f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-20275 .elementor-element.elementor-element-67ece4f2 > .elementor-container{min-height:80px;}.elementor-20275 .elementor-element.elementor-element-67ece4f2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-20275 .elementor-element.elementor-element-67ece4f2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20275 .elementor-element.elementor-element-4851caa4{width:var( --container-widget-width, 44.456% );max-width:44.456%;--container-widget-width:44.456%;--container-widget-flex-grow:0;top:-34px;}.elementor-20275 .elementor-element.elementor-element-4851caa4 > .elementor-widget-container{--e-transform-scale:0.9;}body:not(.rtl) .elementor-20275 .elementor-element.elementor-element-4851caa4{left:10px;}body.rtl .elementor-20275 .elementor-element.elementor-element-4851caa4{right:10px;}.elementor-20275 .elementor-element.elementor-element-4851caa4 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-20275 .elementor-element.elementor-element-3f7882bb > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-20275 .elementor-element.elementor-element-3f7882bb > .elementor-element-populated{padding:0px -19px 0px -9px;}.elementor-20275 .elementor-element.elementor-element-d649856 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-20275 .elementor-element.elementor-element-d649856 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20275 .elementor-element.elementor-element-67eba779{width:var( --container-widget-width, 99% );max-width:99%;--container-widget-width:99%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 12px / 2 );--nav-menu-icon-size:25px;}.elementor-20275 .elementor-element.elementor-element-67eba779 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-menu-toggle{margin:0 auto;background-color:rgba(0,0,0,0);border-width:0px;border-radius:0px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu .elementor-item{font-size:16px;font-weight:400;letter-spacing:0px;word-spacing:0px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main .elementor-item{color:#383838;fill:#383838;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main .elementor-item:hover, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main .elementor-item:focus{color:#21649E;fill:#21649E;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-framed .elementor-item:before, .elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-underline .elementor-item:after, .elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-overline .elementor-item:before, .elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-double-line .elementor-item:before, .elementor-20275 .elementor-element.elementor-element-67eba779 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:12px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown a, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown{background-color:#21649E;border-radius:4px 4px 4px 4px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown a:hover, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown a:focus, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown a.highlighted, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-menu-toggle:hover, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-menu-toggle:focus{color:#21649E;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown a:hover, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown a:focus, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown .elementor-item, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;font-weight:300;text-decoration:none;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:4px;border-top-right-radius:4px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:4px;border-bottom-left-radius:4px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:8px !important;}.elementor-20275 .elementor-element.elementor-element-67eba779 div.elementor-menu-toggle{color:#FB0000;}.elementor-20275 .elementor-element.elementor-element-67eba779 div.elementor-menu-toggle svg{fill:#FB0000;}.elementor-20275 .elementor-element.elementor-element-67eba779 div.elementor-menu-toggle:hover, .elementor-20275 .elementor-element.elementor-element-67eba779 div.elementor-menu-toggle:focus{color:#00ce1b;}.elementor-20275 .elementor-element.elementor-element-67eba779 div.elementor-menu-toggle:hover svg, .elementor-20275 .elementor-element.elementor-element-67eba779 div.elementor-menu-toggle:focus svg{fill:#00ce1b;}.elementor-20275 .elementor-element.elementor-element-1fec3657 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-20275 .elementor-element.elementor-element-1fec3657 > .elementor-element-populated{padding:6px 6px 6px 6px;}.elementor-20275 .elementor-element.elementor-element-599bdb8c{width:var( --container-widget-width, 104.212% );max-width:104.212%;--container-widget-width:104.212%;--container-widget-flex-grow:0;}.elementor-20275 .elementor-element.elementor-element-71bef27c:not(.elementor-motion-effects-element-type-background), .elementor-20275 .elementor-element.elementor-element-71bef27c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#21649E;}.elementor-20275 .elementor-element.elementor-element-71bef27c > .elementor-container{min-height:75px;}.elementor-20275 .elementor-element.elementor-element-71bef27c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-20275 .elementor-element.elementor-element-71bef27c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-20275 .elementor-element.elementor-element-348b378d.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-20275 .elementor-element.elementor-element-348b378d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-20275 .elementor-element.elementor-element-348b378d > .elementor-element-populated{text-align:end;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 16px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-20275 .elementor-element.elementor-element-74297f75 > .elementor-widget-container{--e-transform-translateY:14px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20275 .elementor-element.elementor-element-74297f75{columns:1;text-align:end;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-20275 .elementor-element.elementor-element-24ee8cb6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-20275 .elementor-element.elementor-element-24ee8cb6 > .elementor-element-populated{transition:background 1.6s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:19px 19px 19px 19px;}.elementor-20275 .elementor-element.elementor-element-24ee8cb6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20275 .elementor-element.elementor-element-2545ca30 > .elementor-widget-container{padding:1px 1px 1px 1px;}.elementor-20275 .elementor-element.elementor-element-7ee7f4ef:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-20275 .elementor-element.elementor-element-7ee7f4ef > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.fcalverca.pt/wp-content/uploads/2021/12/SearchBranco.svg");background-position:center center;background-repeat:no-repeat;background-size:35% auto;}.elementor-20275 .elementor-element.elementor-element-7ee7f4ef:hover > .elementor-element-populated > .elementor-background-overlay{background-color:#050000;opacity:0;}.elementor-20275 .elementor-element.elementor-element-7ee7f4ef > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-20275 .elementor-element.elementor-element-7ee7f4ef > .elementor-element-populated{transition:background 1s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20275 .elementor-element.elementor-element-7ee7f4ef > .elementor-element-populated > .elementor-background-overlay{transition:background 0s, border-radius 0.3s, opacity 0s;}.elementor-widget-search-form input[type="search"].elementor-search-form__input{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-search-form .elementor-search-form__input, .elementor-widget-search-form .elementor-search-form__icon, .elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button, .elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-search-form .elementor-search-form__submit{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-secondary );}.elementor-20275 .elementor-element.elementor-element-28a9f15 .elementor-search-form{text-align:center;}.elementor-20275 .elementor-element.elementor-element-28a9f15 .elementor-search-form__toggle{--e-search-form-toggle-size:78px;--e-search-form-toggle-color:#FFFFFF;--e-search-form-toggle-icon-size:calc(0em / 100);--e-search-form-toggle-border-width:0px;}.elementor-20275 .elementor-element.elementor-element-28a9f15 input[type="search"].elementor-search-form__input{font-family:"Lato", Sans-serif;font-weight:400;}.elementor-20275 .elementor-element.elementor-element-28a9f15 .elementor-search-form__input, .elementor-20275 .elementor-element.elementor-element-28a9f15 .elementor-search-form__icon, .elementor-20275 .elementor-element.elementor-element-28a9f15 .elementor-lightbox .dialog-lightbox-close-button, .elementor-20275 .elementor-element.elementor-element-28a9f15 .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-20275 .elementor-element.elementor-element-28a9f15.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:#7A7A7A;fill:#7A7A7A;}.elementor-20275 .elementor-element.elementor-element-28a9f15:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-20275 .elementor-element.elementor-element-28a9f15.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-20275 .elementor-element.elementor-element-a395b1a{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-20275 .elementor-element.elementor-element-2f929d8 > .elementor-element-populated{margin:-10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-20275 .elementor-element.elementor-element-2f0c201 > .elementor-container{max-width:1000px;}.elementor-20275 .elementor-element.elementor-element-2f0c201{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-10px;margin-bottom:0px;}.elementor-20275 .elementor-element.elementor-element-2f0c201 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-blockquote .elementor-blockquote__content{color:var( --e-global-color-text );}.elementor-widget-blockquote .elementor-blockquote__author{color:var( --e-global-color-secondary );}.elementor-20275 .elementor-element.elementor-element-3a84c22 .elementor-blockquote__content +.e-q-footer{margin-top:10px;}.elementor-20275 .elementor-element.elementor-element-3a84c22 .elementor-blockquote:before{font-size:calc(1px * 100);}.elementor-20275 .elementor-element.elementor-element-3a84c22 .elementor-blockquote__content{margin-top:1px;}.elementor-20275 .elementor-element.elementor-element-22845c2 > .elementor-widget-container{margin:0px 40px 0px 40px;}@media(min-width:768px){.elementor-20275 .elementor-element.elementor-element-3f7882bb{width:2%;}.elementor-20275 .elementor-element.elementor-element-d649856{width:63.958%;}.elementor-20275 .elementor-element.elementor-element-1fec3657{width:9%;}.elementor-20275 .elementor-element.elementor-element-348b378d{width:72%;}.elementor-20275 .elementor-element.elementor-element-24ee8cb6{width:20%;}.elementor-20275 .elementor-element.elementor-element-7ee7f4ef{width:7.332%;}}@media(max-width:1024px){.elementor-20275 .elementor-element.elementor-element-67ece4f2{padding:30px 20px 30px 20px;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:45px !important;}}@media(max-width:767px){.elementor-20275 .elementor-element.elementor-element-67ece4f2{padding:20px 20px 20px 20px;}.elementor-20275 .elementor-element.elementor-element-285ff1be{width:50%;}.elementor-20275 .elementor-element.elementor-element-4851caa4{width:var( --container-widget-width, 71.484px );max-width:71.484px;--container-widget-width:71.484px;--container-widget-flex-grow:0;top:-30px;z-index:1;}.elementor-20275 .elementor-element.elementor-element-4851caa4 > .elementor-widget-container{--e-transform-scale:1.2;}.elementor-20275 .elementor-element.elementor-element-3f7882bb{width:35%;}.elementor-20275 .elementor-element.elementor-element-d649856{width:15%;}.elementor-20275 .elementor-element.elementor-element-67eba779{width:var( --container-widget-width, 101px );max-width:101px;--container-widget-width:101px;--container-widget-flex-grow:0;}.elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-20275 .elementor-element.elementor-element-67eba779 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:35px !important;}.elementor-20275 .elementor-element.elementor-element-1fec3657{width:35%;}.elementor-20275 .elementor-element.elementor-element-74297f75{text-align:center;}}/* Start custom CSS for image, class: .elementor-element-4851caa4 */@media only screen and (max-width: 600px) { .logo-header { width: 70px!important; } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-67eba779 *//* Estilo geral do menu social */ .menu-facebook a, .menu-instagram a, .menu-tiktok a, .menu-youtube a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; /* círculo */ background-color: #f0f0f0; /* fundo padrão, pode ajustar */ overflow: hidden; position: relative; } /* Ocultar texto do link */ .menu-facebook a span, .menu-instagram a span, .menu-tiktok a span, .menu-youtube a span { display: none; } /* Ícones das redes sociais */ .menu-facebook a::before { content: "\f09a"; /* Facebook */ font-family: "Font Awesome 5 Brands"; font-size: 20px; color: #1877F2; transition: all 0.3s ease; } .menu-instagram a::before { content: "\f16d"; /* Instagram */ font-family: "Font Awesome 5 Brands"; font-size: 20px; color: #E4405F; transition: all 0.3s ease; } .menu-tiktok a::before { content: "\e07b"; /* TikTok */ font-family: "Font Awesome 5 Brands"; font-size: 20px; color: #000000; transition: all 0.3s ease; } .menu-youtube a::before { content: "\f167"; /* YouTube */ font-family: "Font Awesome 5 Brands"; font-size: 20px; color: #FF0000; transition: all 0.3s ease; } /* Hover: aumenta o ícone e muda fundo */ .menu-facebook a:hover::before { transform: scale(1.3); } .menu-instagram a:hover::before { transform: scale(1.3); } .menu-tiktok a:hover::before { transform: scale(1.3); } .menu-youtube a:hover::before { transform: scale(1.3); } .menu-facebook a:hover { background-color: #e6f0fb; } .menu-instagram a:hover { background-color: #fde7ec; } .menu-tiktok a:hover { background-color: #f0f0f0; } .menu-youtube a:hover { background-color: #ffe6e6; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-599bdb8c *//* Transição suave para os ícones */ .social-icon i { transition: transform 0.3s ease; /* animação suave */ } /* Hover: aumenta o ícone */ .social-icon:hover i { transform: scale(1.2); /* aumenta 20% */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-1fec3657 *//* Hover animado apenas no ícone */ .social-icon i { transition: transform 0.3s ease; /* animação suave */ } .social-icon:hover i { transform: scale(1.2); /* aumenta o ícone ao passar o mouse */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-67ece4f2 */.elementor-20275 .elementor-element.elementor-element-67ece4f2.elementor-sticky--effects { background-color: rgba(255,255,255,0.25) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 5px 20px rgba(0,0,0,0.08); }tion: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for search-form, class: .elementor-element-28a9f15 */#searchhome .elementor-search-form__toggle::before, #searchhome .elementor-search-form__toggle::after, #searchhome .elementor-search-form__toggle i::before, #searchhome .elementor-search-form__toggle i::after { content: none !important; display: none !important; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-7ee7f4ef */#searchhome .elementor-search-form__toggle::before, #searchhome .elementor-search-form__toggle::after, #searchhome .elementor-search-form__toggle i::before, #searchhome .elementor-search-form__toggle i::after { content: none !important; display: none !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-71bef27c */.elementor-20275 .elementor-element.elementor-element-71bef27c { background: linear-gradient( 135deg, #073f78 0%, #0b579d 48%, #176eb8 100% ) !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3237092 */.fca-hero { position: relative; width: 100vw; min-height: 100vh; /* * Faz a secção sair de qualquer container * com largura limitada do Elementor/tema. */ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow: hidden; isolation: isolate; background: #000; } /* ========================================================== BACKGROUND IMAGE ---------------------------------------------------------- A imagem pertence APENAS ao hero. NÃO usar position: fixed. ========================================================== */ .fca-hero__background { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -3; background-image: url("https://www.fcalverca.pt/wp-content/uploads/2026/09/790756338_1661771532621002_7235363206101440050_n.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; /* * Evita que a imagem crie qualquer comportamento * estranho fora da secção. */ pointer-events: none; } /* ========================================================== OVERLAY ========================================================== */ .fca-hero__overlay { position: absolute; inset: 0; z-index: -2; pointer-events: none; background: linear-gradient( 90deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.66) 30%, rgba(0, 0, 0, 0.34) 65%, rgba(0, 0, 0, 0.18) 100% ); } /* ========================================================== GRADIENTE PRETO ---------------------------------------------------------- Garante que o preto chega até às margens. ========================================================== */ .fca-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient( 180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.18) 65%, rgba(0, 0, 0, 0.80) 100% ); } /* ========================================================== LIGHT / ATMOSPHERE ========================================================== */ .fca-hero::before { content: ""; position: absolute; width: 45rem; height: 45rem; top: -25rem; right: -10rem; border-radius: 50%; background: rgba(255, 255, 255, 0.10); filter: blur(120px); opacity: 0.65; pointer-events: none; z-index: -1; } /* ========================================================== CONTAINER ========================================================== */ .fca-hero__container { position: relative; z-index: 3; width: 100%; max-width: none; min-height: 100vh; margin: 0; padding: 5rem 6vw; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /* ========================================================== LIQUID GLASS ========================================================== */ .fca-hero__glass { position: relative; width: min(760px, 100%); min-height: 600px; padding: 2rem; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 2rem; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.035) ); backdrop-filter: blur(28px) saturate(150%); -webkit-backdrop-filter: blur(28px) saturate(150%); box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.30), inset 0 -1px 0 rgba(255, 255, 255, 0.05); overflow: hidden; } /* ========================================================== GLASS REFLECTION ========================================================== */ .fca-hero__glass::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 120deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.05) 20%, transparent 38%, transparent 72%, rgba(255, 255, 255, 0.05) 100% ); } /* ========================================================== BRILHO SUPERIOR DO GLASS ========================================================== */ .fca-hero__glass::after { content: ""; position: absolute; top: 0; left: 10%; width: 35%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.65), transparent ); opacity: 0.7; pointer-events: none; } /* ========================================================== TOP ========================================================== */ .fca-hero__top { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; } /* ========================================================== LABEL ========================================================== */ .fca-hero__label { display: inline-flex; align-items: center; gap: 0.7rem; color: rgba(255, 255, 255, 0.72); font-size: 0.68rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; } .fca-hero__label::before { content: ""; width: 1.8rem; height: 1px; flex-shrink: 0; background: rgba(255, 255, 255, 0.65); } /* ========================================================== NÚMERO ========================================================== */ .fca-hero__number { color: rgba(255, 255, 255, 0.38); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.15em; } /* ========================================================== MAIN ========================================================== */ .fca-hero__main { position: relative; z-index: 2; margin-top: auto; margin-bottom: auto; padding: 5rem 2rem 4rem; } /* ========================================================== SINCE ========================================================== */ .fca-hero__since { margin: 0 0 1.5rem; color: rgba(255, 255, 255, 0.60); font-size: 0.8rem; letter-spacing: 0.10em; text-transform: uppercase; } .fca-hero__since strong { color: #fff; font-weight: 600; } /* ========================================================== TITLE ---------------------------------------------------------- Aumentado o letter-spacing para as letras respirarem mais. ========================================================== */ .fca-hero__title { max-width: 700px; margin: 0; color: #fff; font-size: clamp( 4rem, 7vw, 7rem ); font-weight: 700; line-height: 0.90; /* * Antes: -0.065em * Agora: -0.025em * * Menos condensado = mais espaço entre as letras. */ letter-spacing: -0.025em; text-wrap: balance; } .fca-hero__title span { display: block; margin-top: 0.10em; color: rgba(255, 255, 255, 0.46); letter-spacing: -0.02em; } /* ========================================================== DESCRIPTION ========================================================== */ .fca-hero__text { max-width: 570px; margin: 2.4rem 0 0; color: rgba(255, 255, 255, 0.70); font-size: 0.95rem; line-height: 1.75; letter-spacing: 0.015em; } /* ========================================================== BOTTOM ========================================================== */ .fca-hero__bottom { position: relative; z-index: 2; display: flex; align-items: center; gap: 1rem; } /* ========================================================== LINHA ========================================================== */ .fca-hero__line { width: 3rem; height: 1px; flex-shrink: 0; background: rgba(255, 255, 255, 0.35); } /* ========================================================== DISCOVER ========================================================== */ .fca-hero__discover { color: rgba(255, 255, 255, 0.58); font-size: 0.65rem; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; } /* ========================================================== SETA ========================================================== */ .fca-hero__arrow { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-left: auto; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* ========================================================== 1939 GIGANTE ========================================================== */ .fca-hero__year { position: absolute; z-index: 1; right: -0.04em; bottom: -0.18em; color: rgba(255, 255, 255, 0.055); font-size: clamp( 15rem, 30vw, 32rem ); font-weight: 800; line-height: 0.75; letter-spacing: -0.07em; user-select: none; pointer-events: none; } /* ========================================================== SCROLL ========================================================== */ .fca-hero__scroll { position: absolute; z-index: 4; right: 2rem; bottom: 2rem; display: flex; align-items: center; gap: 0.7rem; color: rgba(255, 255, 255, 0.45); font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; writing-mode: vertical-rl; } .fca-hero__scroll span { display: block; width: 1px; height: 2.5rem; background: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) ); } /* ========================================================== TABLET ========================================================== */ @media (max-width: 900px) { .fca-hero { min-height: 100svh; } .fca-hero__container { min-height: 100svh; padding: 3rem 5vw; } .fca-hero__glass { width: min(680px, 100%); min-height: 560px; } .fca-hero__main { padding: 4rem 1.5rem; } .fca-hero__title { font-size: clamp( 3.8rem, 9vw, 6rem ); letter-spacing: -0.02em; } .fca-hero__year { font-size: 25vw; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 600px) { .fca-hero { width: 100vw; min-height: 100svh; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } /* Imagem continua limitada ao hero */ .fca-hero__background { background-position: 65% center; } /* Overlay vertical para mobile */ .fca-hero__overlay { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.30) 35%, rgba(0, 0, 0, 0.88) 100% ); } .fca-hero__container { min-height: 100svh; padding: 1rem; align-items: flex-end; } .fca-hero__glass { width: 100%; min-height: 0; padding: 1.4rem; border-radius: 1.5rem; } .fca-hero__main { padding: 4rem 0 3.5rem; } .fca-hero__label { font-size: 0.58rem; letter-spacing: 0.12em; } .fca-hero__number { font-size: 0.6rem; } .fca-hero__since { margin-bottom: 1rem; font-size: 0.68rem; letter-spacing: 0.08em; } .fca-hero__title { font-size: clamp( 3.4rem, 15vw, 5rem ); line-height: 0.90; /* * Espaçamento ligeiramente maior no mobile, * sem deixar o título demasiado largo. */ letter-spacing: -0.015em; } .fca-hero__title span { letter-spacing: -0.01em; } .fca-hero__text { margin-top: 1.6rem; font-size: 0.82rem; line-height: 1.65; letter-spacing: 0.01em; } .fca-hero__bottom { gap: 0.7rem; } .fca-hero__line { width: 2rem; } .fca-hero__discover { font-size: 0.56rem; } .fca-hero__arrow { width: 1.8rem; height: 1.8rem; } .fca-hero__year { right: -0.05em; bottom: -0.02em; font-size: 48vw; } .fca-hero__scroll { display: none; } } /* ========================================================== EXTRA SMALL MOBILE ========================================================== */ @media (max-width: 380px) { .fca-hero__glass { padding: 1.2rem; border-radius: 1.3rem; } .fca-hero__main { padding-top: 3rem; padding-bottom: 3rem; } .fca-hero__title { font-size: 3.2rem; letter-spacing: 0; } .fca-hero__text { font-size: 0.78rem; } } /* ========================================================== PREVENÇÃO DE OVERFLOW HORIZONTAL ========================================================== */ html, body { overflow-x: hidden; } html { scroll-behavior: smooth; } .fca-hero__arrow { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-left: auto; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); text-decoration: none; cursor: pointer; transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease; } .fca-hero__arrow:hover { transform: translateY(4px); background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.35); }/* End custom CSS */ /* Start custom CSS for blockquote, class: .elementor-element-3a84c22 */.elementor-blockquote::before { color: #21649E !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cefcdef *//* ========================================================= FC ALVERCA — HISTÓRIA LIQUID GLASS ========================================================= */ /* ========================================================= BASE ========================================================= */ .fca-history { position: relative; width: 100%; padding: 110px 24px 130px; overflow: hidden; background: #ffffff; color: #171717; box-sizing: border-box; isolation: isolate; } .fca-history *, .fca-history *::before, .fca-history *::after { box-sizing: border-box; } /* ========================================================= GLOW FICA LIMITADO À SECÇÃO ========================================================= */ .fca-history__glow { position: absolute; top: 40px; left: 50%; width: 700px; height: 700px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient( circle, rgba(215, 25, 32, .075) 0%, rgba(215, 25, 32, .035) 35%, transparent 70% ); pointer-events: none; z-index: -1; } /* ========================================================= CONTAINER ========================================================= */ .fca-history__container { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .fca-history__header { max-width: 720px; margin: 0 auto 95px; text-align: center; } .fca-history__eyebrow { display: inline-block; margin-bottom: 18px; color: #d71920; font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; } .fca-history__header h2 { margin: 0; font-size: clamp(45px, 7vw, 76px); font-weight: 800; line-height: .92; letter-spacing: -.06em; color: #171717; } .fca-history__header h2 strong { color: #d71920; font-weight: inherit; } .fca-history__header p { max-width: 600px; margin: 27px auto 0; color: #6b6b6b; font-size: 16px; line-height: 1.75; } /* ========================================================= TIMELINE ========================================================= */ .fca-history__timeline { position: relative; width: 100%; } /* Linha central */ .fca-history__timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; transform: translateX(-50%); background: linear-gradient( to bottom, transparent, rgba(215, 25, 32, .18) 7%, rgba(215, 25, 32, .18) 93%, transparent ); } /* ========================================================= ITEM ========================================================= */ .fca-history__item { position: relative; width: 50%; padding-bottom: 80px; } .fca-history__item:nth-child(odd) { padding-right: 65px; } .fca-history__item:nth-child(even) { margin-left: 50%; padding-left: 65px; } /* ========================================================= MARKER ========================================================= */ .fca-history__marker { position: absolute; top: 30px; width: 13px; height: 13px; border-radius: 50%; background: #ffffff; border: 1px solid rgba(215, 25, 32, .45); box-shadow: 0 0 0 5px rgba(215, 25, 32, .045); z-index: 5; } .fca-history__item:nth-child(odd) .fca-history__marker { right: -6px; } .fca-history__item:nth-child(even) .fca-history__marker { left: -6px; } .fca-history__marker span { position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; transform: translate(-50%, -50%); border-radius: 50%; background: #d71920; } /* ========================================================= LIQUID GLASS CARD ========================================================= */ .fca-history__card { position: relative; overflow: hidden; padding: 29px 30px 31px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, .9); /* Branco translúcido. Mantém o fundo da secção visível. */ background: linear-gradient( 135deg, rgba(255, 255, 255, .82), rgba(247, 247, 247, .57) ); /* Liquid Glass */ backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%); box-shadow: 0 10px 25px rgba(0, 0, 0, .045), 0 25px 55px rgba(0, 0, 0, .055), inset 0 1px 0 rgba(255, 255, 255, .98), inset 0 -1px 0 rgba(255, 255, 255, .4); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ========================================================= REFLEXO DO VIDRO ========================================================= */ .fca-history__shine { position: absolute; top: -100px; left: -80px; width: 270px; height: 170px; border-radius: 50%; background: radial-gradient( ellipse, rgba(255, 255, 255, .85), transparent 70% ); filter: blur(15px); pointer-events: none; } /* Linha de luz superior */ .fca-history__card::before { content: ""; position: absolute; top: 0; left: 7%; width: 86%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.95), transparent ); pointer-events: none; } /* ========================================================= HOVER ========================================================= */ .fca-history__card:hover { transform: translateY(-6px); border-color: rgba(255, 255, 255, 1); box-shadow: 0 18px 35px rgba(0, 0, 0, .06), 0 35px 70px rgba(0, 0, 0, .075), inset 0 1px 0 rgba(255, 255, 255, 1); } /* ========================================================= YEAR ========================================================= */ .fca-history__year { position: relative; display: inline-flex; margin-bottom: 17px; padding: 7px 12px; border-radius: 50px; background: rgba(215, 25, 32, .065); border: 1px solid rgba(215, 25, 32, .08); color: #d71920; font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: .12em; } /* ========================================================= TÍTULO ========================================================= */ .fca-history__card h3 { position: relative; margin: 0 0 14px; color: #171717; font-size: 24px; font-weight: 800; line-height: 1.08; letter-spacing: -.035em; } /* ========================================================= TEXTO ========================================================= */ .fca-history__card p { position: relative; margin: 0 0 13px; color: #666666; font-size: 14px; line-height: 1.72; } .fca-history__card p:last-child { margin-bottom: 0; } .fca-history__card p strong { color: #333333; font-weight: 700; } /* ========================================================= QUOTE ========================================================= */ .fca-history__quote { position: relative; margin-top: 23px; padding: 17px 20px; border-radius: 14px; background: rgba(0, 0, 0, .025); color: #777777; font-size: 13px; line-height: 1.6; } .fca-history__quote span { display: block; margin-bottom: -7px; color: #d71920; font-family: Georgia, serif; font-size: 38px; line-height: .8; } /* ========================================================= HIGHLIGHT CARD ========================================================= */ .fca-history__card--highlight { background: linear-gradient( 135deg, rgba(255,255,255,.92), rgba(255,247,247,.62) ); border-color: rgba(215, 25, 32, .09); } /* ========================================================= PEOPLE ========================================================= */ .fca-history__people { position: relative; display: flex; flex-direction: column; gap: 8px; margin-top: 22px; } .fca-history__person { display: flex; align-items: center; gap: 11px; padding: 11px 12px; border-radius: 12px; background: rgba(0, 0, 0, .025); border: 1px solid rgba(0, 0, 0, .025); } .fca-history__person span { display: grid; flex: 0 0 27px; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: rgba(215, 25, 32, .08); color: #d71920; font-size: 9px; font-weight: 800; } .fca-history__person strong { color: #454545; font-size: 12px; font-weight: 650; line-height: 1.35; } /* ========================================================= FINAL CARD ========================================================= */ .fca-history__item--final { padding-bottom: 0; } .fca-history__card--final { padding: 42px 35px 40px; text-align: center; border-radius: 30px; background: linear-gradient( 145deg, rgba(255,255,255,.92), rgba(250,250,250,.64) ); box-shadow: 0 15px 35px rgba(0, 0, 0, .055), 0 35px 75px rgba(0, 0, 0, .075), inset 0 1px 0 rgba(255, 255, 255, 1); } .fca-history__final-icon { display: grid; width: 48px; height: 48px; margin: 4px auto 20px; place-items: center; border-radius: 16px; background: rgba(215, 25, 32, .065); font-size: 22px; } .fca-history__card--final h3 { max-width: 430px; margin-left: auto; margin-right: auto; font-size: 30px; } .fca-history__card--final > p { max-width: 480px; margin-left: auto; margin-right: auto; } /* ========================================================= NOME DO CLUBE ========================================================= */ .fca-history__club-name { position: relative; margin: 20px 0 25px; color: #d71920; font-size: clamp(22px, 4vw, 34px); font-weight: 900; line-height: 1.05; letter-spacing: -.045em; } .fca-history__club-name span { color: #171717; } /* ========================================================= QUOTA ========================================================= */ .fca-history__quota { display: inline-flex; align-items: center; gap: 13px; margin-top: 5px; padding: 9px 10px 9px 15px; border-radius: 50px; background: rgba(0, 0, 0, .035); border: 1px solid rgba(0, 0, 0, .045); } .fca-history__quota-label { color: #777777; font-size: 11px; font-weight: 650; } .fca-history__quota strong { padding: 8px 13px; border-radius: 50px; background: #d71920; color: #ffffff; font-size: 13px; font-weight: 800; } .fca-history__ending { margin-top: 22px !important; color: #999999 !important; font-size: 12px !important; font-style: italic; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .fca-history { padding: 90px 20px 110px; } .fca-history__header { margin-bottom: 75px; } .fca-history__item:nth-child(odd) { padding-right: 40px; } .fca-history__item:nth-child(even) { padding-left: 40px; } .fca-history__card { padding: 25px 24px 27px; } .fca-history__card h3 { font-size: 21px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .fca-history { padding: 75px 18px 85px; } /* Header */ .fca-history__header { margin-bottom: 60px; text-align: left; } .fca-history__header h2 { font-size: clamp(42px, 12vw, 58px); } .fca-history__header p { margin-left: 0; font-size: 15px; } /* Glow */ .fca-history__glow { top: 150px; width: 500px; height: 500px; } /* Timeline lateral */ .fca-history__timeline::before { left: 7px; transform: none; } /* Todos os items */ .fca-history__item, .fca-history__item:nth-child(even) { width: 100%; margin-left: 0; padding-left: 29px; padding-right: 0; padding-bottom: 35px; } /* Marker */ .fca-history__item:nth-child(odd) .fca-history__marker, .fca-history__item:nth-child(even) .fca-history__marker { top: 27px; left: 1px; right: auto; } /* Cards */ .fca-history__card { padding: 22px 20px 24px; border-radius: 18px; } .fca-history__card h3 { font-size: 21px; } .fca-history__card p { font-size: 13px; } /* Final */ .fca-history__card--final { padding: 32px 20px 31px; border-radius: 23px; } .fca-history__card--final h3 { font-size: 25px; } .fca-history__club-name { font-size: 25px; } /* Pessoas */ .fca-history__person { align-items: flex-start; } } /* ========================================================= MOBILE PEQUENO ========================================================= */ @media (max-width: 480px) { .fca-history { padding: 60px 15px 70px; } .fca-history__header h2 { font-size: 40px; } .fca-history__header p { font-size: 14px; } .fca-history__item, .fca-history__item:nth-child(even) { padding-left: 25px; padding-bottom: 28px; } .fca-history__timeline::before { left: 6px; } .fca-history__item:nth-child(odd) .fca-history__marker, .fca-history__item:nth-child(even) .fca-history__marker { left: 0; } .fca-history__card { padding: 19px 17px 21px; border-radius: 16px; } .fca-history__year { margin-bottom: 14px; font-size: 9px; } .fca-history__card h3 { font-size: 19px; } .fca-history__card p { font-size: 12.5px; } .fca-history__person strong { font-size: 11px; } .fca-history__card--final h3 { font-size: 23px; } .fca-history__club-name { font-size: 22px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .fca-history__card { transition: none; } .fca-history__card:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-54d4bd1 *//* ========================================= FC ALVERCA — HISTÓRIA ========================================= */ .fca-history { position: relative; width: 100%; overflow: hidden; padding: 100px 24px 120px; background: #ffffff; color: #171717; box-sizing: border-box; } /* ========================================= GLOW ========================================= */ .fca-history::before { content: ""; position: absolute; top: 80px; left: 50%; width: 650px; height: 650px; border-radius: 50%; background: radial-gradient( circle, rgba(215, 25, 32, 0.10) 0%, rgba(215, 25, 32, 0.04) 35%, transparent 70% ); transform: translateX(-50%); pointer-events: none; } /* ========================================= INTRO ========================================= */ .fca-history__intro { position: relative; z-index: 2; max-width: 720px; margin: 0 auto 85px; text-align: center; } .fca-history__intro > span { display: block; margin-bottom: 12px; color: #d71920; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; } .fca-history__intro h2 { margin: 0 0 18px; font-size: clamp(44px, 6vw, 70px); font-weight: 800; line-height: .95; letter-spacing: -.045em; } .fca-history__intro p { max-width: 580px; margin: 0 auto; color: #666666; font-size: 16px; line-height: 1.7; } /* ========================================= TIMELINE ========================================= */ .fca-history__timeline { position: relative; z-index: 2; width: 100%; max-width: 1050px; margin: 0 auto; } /* ========================================= LINHA CENTRAL ========================================= */ .fca-history__timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: linear-gradient( to bottom, transparent, rgba(215, 25, 32, .18) 8%, rgba(215, 25, 32, .20) 50%, rgba(215, 25, 32, .18) 92%, transparent ); transform: translateX(-50%); } /* ========================================= ITEM ========================================= */ .fca-history-card { position: relative; display: block; width: 50%; padding-bottom: 90px; box-sizing: border-box; } /* Esquerda */ .fca-history-card:nth-child(odd) { padding-right: 55px; } /* Direita */ .fca-history-card:nth-child(even) { margin-left: 50%; padding-left: 55px; } /* ========================================= CARD ========================================= */ .fca-history-card__content { position: relative; width: 100%; padding: 25px 27px 28px; border: 1px solid rgba(0, 0, 0, .07); border-radius: 17px; background: #ffffff; box-shadow: 0 12px 25px rgba(0, 0, 0, .07), 0 25px 45px rgba(0, 0, 0, .07); box-sizing: border-box; transition: transform .35s ease, box-shadow .35s ease; } /* Hover */ .fca-history-card__content:hover { transform: translateY(-5px); box-shadow: 0 18px 35px rgba(0, 0, 0, .09), 0 30px 55px rgba(0, 0, 0, .08); } /* ========================================= DATA — DENTRO DO CARD ========================================= */ .fca-history-card__year { display: inline-block; margin-bottom: 18px; padding: 7px 11px; border-radius: 30px; background: #f2f2f2; color: #d71920; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: .08em; } /* ========================================= TÍTULO ========================================= */ .fca-history-card__content h3 { margin: 0 0 12px; color: #171717; font-size: 22px; font-weight: 800; line-height: 1.1; letter-spacing: -.025em; } /* ========================================= TEXTO ========================================= */ .fca-history-card__content p { margin: 0; color: #666666; font-size: 14px; line-height: 1.65; } /* ========================================= PONTO ========================================= */ .fca-history-card::after { content: ""; position: absolute; top: 31px; width: 9px; height: 9px; border-radius: 50%; background: #ffffff; border: 1px solid rgba(215, 25, 32, .45); box-sizing: border-box; z-index: 5; } /* Esquerda */ .fca-history-card:nth-child(odd)::after { right: -4px; } /* Direita */ .fca-history-card:nth-child(even)::after { left: -4px; } /* ========================================= ÚLTIMO ITEM ========================================= */ .fca-history-card:last-child { padding-bottom: 0; } /* ========================================= TABLET ========================================= */ @media (max-width: 900px) { .fca-history { padding: 90px 20px 100px; } .fca-history-card:nth-child(odd) { padding-right: 40px; } .fca-history-card:nth-child(even) { padding-left: 40px; } .fca-history-card__content { padding: 23px 23px 25px; } .fca-history-card__content h3 { font-size: 20px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .fca-history { padding: 70px 18px 80px; } /* Header */ .fca-history__intro { margin-bottom: 60px; text-align: left; } .fca-history__intro h2 { font-size: 46px; } .fca-history__intro p { margin: 0; font-size: 15px; } /* Linha lateral */ .fca-history__timeline::before { left: 8px; transform: none; } /* Cards */ .fca-history-card, .fca-history-card:nth-child(even) { width: 100%; margin-left: 0; padding-right: 0; padding-left: 30px; padding-bottom: 42px; } /* Pontos */ .fca-history-card:nth-child(odd)::after, .fca-history-card:nth-child(even)::after { top: 29px; left: 4px; right: auto; width: 9px; height: 9px; } /* Card */ .fca-history-card__content { border-radius: 15px; padding: 21px 20px 23px; } /* Data */ .fca-history-card__year { margin-bottom: 15px; padding: 6px 10px; font-size: 11px; } /* Título */ .fca-history-card__content h3 { font-size: 21px; } /* Texto */ .fca-history-card__content p { font-size: 13px; } } /* ========================================= MOBILE PEQUENO ========================================= */ @media (max-width: 480px) { .fca-history { padding: 60px 15px 70px; } .fca-history__intro h2 { font-size: 40px; } .fca-history__timeline::before { left: 7px; } .fca-history-card, .fca-history-card:nth-child(even) { padding-left: 27px; padding-bottom: 35px; } .fca-history-card__content { padding: 19px 17px 21px; border-radius: 14px; } .fca-history-card__content h3 { font-size: 19px; } .fca-history-card__content p { font-size: 12.5px; } } /* ========================================= REDUCED MOTION ========================================= */ @media (prefers-reduced-motion: reduce) { .fca-history-card__content { transition: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-22845c2 *//* ========================================================= FC ALVERCA — HISTÓRIA CSS COMPLETO ========================================================= */ /* ========================================================= SECÇÃO ========================================================= */ .fca-historia { width: 100%; max-width: 1240px; margin: 0 auto; padding: 80px 24px; box-sizing: border-box; } /* ========================================================= CABEÇALHO ========================================================= */ .fca-historia-header { max-width: 720px; margin: 0 0 55px 0; } .fca-historia-header > span { display: block; margin-bottom: 12px; color: #d71920; font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; } .fca-historia-header h2 { margin: 0 0 18px 0; color: #111; font-size: clamp(42px, 6vw, 76px); font-weight: 800; line-height: .95; letter-spacing: -3px; } .fca-historia-header p { max-width: 580px; margin: 0; color: #666; font-size: 17px; line-height: 1.7; } /* ========================================================= GRID DOS CARDS ========================================================= */ .fca-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; } /* ========================================================= CARD ========================================================= */ .fca-card { position: relative; min-height: 330px; padding: 30px; box-sizing: border-box; background: #f5f5f3; border: 1px solid #e7e7e5; overflow: hidden; cursor: pointer; transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } .fca-card:hover { transform: translateY(-5px); background: #fff; box-shadow: 0 18px 45px rgba(0, 0, 0, .10); } /* ========================================================= ANO DO CARD ========================================================= */ .fca-card-year { margin: 0; color: #d71920; font-size: 58px; font-weight: 800; line-height: 1; letter-spacing: -3px; } /* ========================================================= CONTEÚDO DO CARD ========================================================= */ .fca-card-content { position: absolute !important; left: 30px !important; right: 30px !important; bottom: 30px !important; transform: none !important; } .fca-card-content > span { display: block !important; margin-bottom: 10px !important; } .fca-card-content p { margin: 0 !important; min-height: 45px !important; line-height: 1.6 !important; } .fca-card-content p { position: relative !important; top: -12px !important; } /* ========================================================= BOTÃO "VER HISTÓRIA" ========================================================= */ .fca-card button { display: inline-flex; align-items: center; margin: 0; padding: 0; border: 0 !important; outline: 0 !important; background: transparent !important; color: #111; font-family: inherit; font-size: 13px; font-weight: 800; line-height: 1; cursor: pointer; box-shadow: none !important; appearance: none; -webkit-appearance: none; } .fca-card button:hover, .fca-card button:focus, .fca-card button:active { border: 0 !important; outline: 0 !important; background: transparent !important; color: #111; box-shadow: none !important; } .fca-card button strong { margin-left: 7px; color: #d71920; font-size: 17px; } /* ========================================================= CARD VERMELHO / DESTAQUE ========================================================= */ .fca-card-featured { background: #d71920; border-color: #d71920; } .fca-card-featured:hover { background: #c9141b; } .fca-card-featured .fca-card-year, .fca-card-featured .fca-card-content > span, .fca-card-featured .fca-card-content h3, .fca-card-featured .fca-card-content p, .fca-card-featured .fca-card-content button, .fca-card-featured .fca-card-content button strong { color: #fff; } /* ========================================================= POPUP — FUNDO ========================================================= */ .fca-modal { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; margin: 0 !important; padding: 20px !important; box-sizing: border-box !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(0, 0, 0, .78) !important; opacity: 0; visibility: hidden; overflow: hidden !important; transition: opacity .25s ease, visibility .25s ease; } .fca-modal.active { opacity: 1 !important; visibility: visible !important; } /* ========================================================= POPUP — CAIXA BRANCA ========================================================= */ .fca-modal-box { position: relative !important; width: 100% !important; max-width: 780px !important; /* IMPORTANTE: A caixa tem uma altura FIXA. O scroll acontece somente aqui. */ height: 80vh !important; max-height: 80vh !important; min-height: 0 !important; margin: 0 !important; padding: 65px 60px 55px 60px !important; box-sizing: border-box !important; background: #fff !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; scrollbar-width: thin; scrollbar-color: #d71920 #eee; transform: translateY(20px); transition: transform .3s ease; } .fca-modal.active .fca-modal-box { transform: translateY(0); } /* ========================================================= SCROLLBAR ========================================================= */ .fca-modal-box::-webkit-scrollbar { width: 8px; } .fca-modal-box::-webkit-scrollbar-track { background: #eee; } .fca-modal-box::-webkit-scrollbar-thumb { background: #d71920; border-radius: 0; } .fca-modal-box::-webkit-scrollbar-thumb:hover { background: #b9141a; } /* ========================================================= BOTÃO X ========================================================= */ .fca-modal-box .fca-close { position: absolute !important; top: 16px !important; right: 18px !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: none !important; border-width: 0 !important; border-style: none !important; border-color: transparent !important; outline: none !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; color: #111 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 31px !important; font-weight: 300 !important; line-height: 1 !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; transform: none !important; transition: color .2s ease; } .fca-modal-box .fca-close:hover, .fca-modal-box .fca-close:focus, .fca-modal-box .fca-close:active { width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; color: #d71920 !important; transform: none !important; } /* ========================================================= POPUP — ANO ========================================================= */ .fca-modal-year { margin: 0 0 25px 0 !important; color: #d71920 !important; font-size: 72px !important; font-weight: 800 !important; line-height: .9 !important; letter-spacing: -4px !important; } /* ========================================================= POPUP — CATEGORIA ========================================================= */ .fca-modal-box > span { display: block; margin: 0 0 12px 0 !important; color: #d71920 !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 2px !important; text-transform: uppercase; } /* ========================================================= POPUP — TÍTULO ========================================================= */ .fca-modal-box h2 { max-width: 650px; margin: 0 0 30px 0 !important; color: #111 !important; font-size: clamp(34px, 5vw, 54px) !important; font-weight: 800 !important; line-height: .98 !important; letter-spacing: -2px !important; } /* ========================================================= POPUP — TEXTO ========================================================= */ .fca-modal-text { width: 100% !important; max-width: 650px !important; } .fca-modal-text p { margin: 0 0 24px 0 !important; color: #555 !important; font-size: 16px !important; line-height: 1.8 !important; } .fca-modal-text p:last-child { margin-bottom: 0 !important; } /* ========================================================= BLOQUEAR SCROLL DA PÁGINA ========================================================= */ body.fca-modal-open { overflow: hidden !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .fca-historia { padding: 70px 22px; } .fca-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fca-card { min-height: 320px; } .fca-modal { padding: 15px !important; } .fca-modal-box { width: 90vw !important; height: 78vh !important; max-height: 78vh !important; padding: 60px 40px 50px 40px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .fca-historia { padding: 55px 16px; } .fca-historia-header { margin-bottom: 35px; } .fca-historia-header h2 { font-size: 46px; letter-spacing: -2px; } .fca-historia-header p { font-size: 15px; } /* Cards */ .fca-timeline { grid-template-columns: 1fr; gap: 14px; } .fca-card { min-height: 300px; padding: 25px; } .fca-card-year { font-size: 48px; } .fca-card-content { right: 25px; bottom: 25px; left: 25px; } .fca-card-content h3 { font-size: 23px; } /* Popup */ .fca-modal { padding: 10px !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } .fca-modal-box { width: 100% !important; max-width: none !important; /* Altura limitada para obrigar o scroll a acontecer dentro da caixa. */ height: 82vh !important; max-height: 82vh !important; min-height: 0 !important; padding: 65px 25px 45px 25px !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; } /* X */ .fca-modal-box .fca-close { top: 14px !important; right: 15px !important; width: 34px !important; height: 34px !important; font-size: 29px !important; } /* Conteúdo */ .fca-modal-year { font-size: 54px !important; letter-spacing: -3px !important; } .fca-modal-box h2 { font-size: 37px !important; letter-spacing: -1.5px !important; } .fca-modal-text p { font-size: 15px !important; line-height: 1.75 !important; } } /* ========================================================= TELEMÓVEIS MUITO PEQUENOS ========================================================= */ @media (max-width: 380px) { .fca-modal-box { padding-right: 20px !important; padding-left: 20px !important; } .fca-modal-year { font-size: 48px !important; } .fca-modal-box h2 { font-size: 32px !important; } } /* ===================================================== SCROLL SUAVE DO POPUP ===================================================== */ .fca-modal-box { scroll-behavior: smooth !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; } /* ========================================================= FIX — EVITAR MOVIMENTO ESTRANHO DOS CARDS AO FECHAR POPUP ========================================================= */ /* Mantém o card estável */ .fca-card { transform: translateY(0); will-change: transform; } /* Hover normal */ .fca-card:hover { transform: translateY(-5px); } /* Enquanto existe popup aberto, NÃO mexer nos cards */ body.fca-modal-open .fca-card, body.fca-modal-open .fca-card:hover { transform: translateY(0) !important; transition: none !important; } /* Depois de fechar, evita uma transição brusca */ body:not(.fca-modal-open) .fca-card { transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } /* ========================================================= BLOQUEIO TOTAL DO SCROLL DA PÁGINA ========================================================= */ html.fca-modal-lock, body.fca-modal-lock { overflow: hidden !important; overscroll-behavior: none !important; } /* O overlay nunca deve fazer scroll */ .fca-modal { overflow: hidden !important; overscroll-behavior: none !important; touch-action: none; } /* APENAS A CAIXA DO MODAL FAZ SCROLL */ .fca-modal-box { overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-y; } /* ========================================================= SCROLL DO MODAL — RODA DO RATO ========================================================= */ html.fca-modal-lock, body.fca-modal-lock { overflow: hidden !important; overscroll-behavior: none !important; } /* O fundo do modal não faz scroll */ .fca-modal { overflow: hidden !important; overscroll-behavior: none !important; } /* A caixa é o ÚNICO elemento com scroll */ .fca-modal-box { overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; scroll-behavior: auto !important; -webkit-overflow-scrolling: touch !important; } html.fca-modal-lock, body.fca-modal-lock { overflow: hidden !important; overscroll-behavior: none !important; } .fca-modal { overflow: hidden !important; } .fca-modal-box { height: 80vh !important; max-height: 80vh !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; } /* ===================================================== SCROLL DO MODAL ===================================================== */ html.fca-modal-lock, body.fca-modal-lock { overflow: hidden !important; } .fca-modal { overflow: hidden !important; } .fca-modal-box { height: 80vh !important; max-height: 80vh !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; }/* End custom CSS */