.elementor-8726 .elementor-element.elementor-element-b3f4543{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-8726 .elementor-element.elementor-element-b3f4543:not(.elementor-motion-effects-element-type-background), .elementor-8726 .elementor-element.elementor-element-b3f4543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-8726 .elementor-element.elementor-element-0760139 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-8726 .elementor-element.elementor-element-ea4ed54{--display:flex;--min-height:250px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF52;--border-color:#FFFFFF52;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8726 .elementor-element.elementor-element-ea4ed54:not(.elementor-motion-effects-element-type-background), .elementor-8726 .elementor-element.elementor-element-ea4ed54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#525252;background-image:url("https://santacarona.com.br/wp-content/uploads/2026/03/JORNADA.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8726 .elementor-element.elementor-element-dfdf2a8{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-8726 .elementor-element.elementor-element-4dcb6a1{text-align:left;}.elementor-8726 .elementor-element.elementor-element-4dcb6a1 .elementor-heading-title{font-family:"vinila";font-size:35px;font-weight:700;line-height:1em;letter-spacing:0.2px;color:#313131;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8726 .elementor-element.elementor-element-c0d0a97 .elementor-button{background-color:#2C68FF;font-family:"vinila-compressed";font-size:22px;font-weight:700;text-transform:uppercase;line-height:1em;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF33;border-radius:7px 7px 7px 7px;padding:15px 15px 15px 15px;}.elementor-8726 .elementor-element.elementor-element-c0d0a97 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8726 .elementor-element.elementor-element-c9adaf3{--display:flex;--min-height:250px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF52;--border-color:#FFFFFF52;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8726 .elementor-element.elementor-element-c9adaf3:not(.elementor-motion-effects-element-type-background), .elementor-8726 .elementor-element.elementor-element-c9adaf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#525252;background-image:url("https://santacarona.com.br/wp-content/uploads/2026/03/RETIRO-DE-SEMANA-SANTA.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8726 .elementor-element.elementor-element-7bbe9c4{--display:flex;}.elementor-8726 .elementor-element.elementor-element-e4de118{text-align:left;}.elementor-8726 .elementor-element.elementor-element-e4de118 .elementor-heading-title{font-family:"vinila";font-size:35px;font-weight:700;line-height:1em;letter-spacing:0.2px;color:#FFFFFF;}.elementor-8726 .elementor-element.elementor-element-cafa5d0 .elementor-button{background-color:#2C68FF;font-family:"vinila-compressed";font-size:22px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF33;border-radius:7px 7px 7px 7px;padding:10px 10px 10px 10px;}.elementor-8726 .elementor-element.elementor-element-cafa5d0 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1334px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:750px){.elementor-8726 .elementor-element.elementor-element-b3f4543{--justify-content:flex-start;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-8726 .elementor-element.elementor-element-0760139 img{width:75%;}.elementor-8726 .elementor-element.elementor-element-ea4ed54{--min-height:175px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8726 .elementor-element.elementor-element-dfdf2a8{--width:65%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8726 .elementor-element.elementor-element-4dcb6a1 .elementor-heading-title{font-size:27px;}.elementor-8726 .elementor-element.elementor-element-c0d0a97 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8726 .elementor-element.elementor-element-c0d0a97 .elementor-button{font-size:16px;line-height:1em;border-radius:7px 7px 7px 7px;padding:10px 10px 10px 10px;}.elementor-8726 .elementor-element.elementor-element-c9adaf3{--min-height:175px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8726 .elementor-element.elementor-element-7bbe9c4{--width:65%;}.elementor-8726 .elementor-element.elementor-element-e4de118 .elementor-heading-title{font-size:27px;}.elementor-8726 .elementor-element.elementor-element-cafa5d0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8726 .elementor-element.elementor-element-cafa5d0 .elementor-button{font-size:16px;line-height:1em;}}@media(min-width:751px){.elementor-8726 .elementor-element.elementor-element-ea4ed54{--width:50%;}.elementor-8726 .elementor-element.elementor-element-dfdf2a8{--width:50%;}.elementor-8726 .elementor-element.elementor-element-c9adaf3{--width:50%;}.elementor-8726 .elementor-element.elementor-element-7bbe9c4{--width:50%;}}@media(min-width:1367px){.elementor-8726 .elementor-element.elementor-element-ea4ed54:not(.elementor-motion-effects-element-type-background), .elementor-8726 .elementor-element.elementor-element-ea4ed54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-8726 .elementor-element.elementor-element-c9adaf3:not(.elementor-motion-effects-element-type-background), .elementor-8726 .elementor-element.elementor-element-c9adaf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for button, class: .elementor-element-c0d0a97 *//* EFEITO REVEAL + BRILHO METÁLICO + PULSO DE CAMADAS Cores: Fundo Laranja Vibrante (#FF6600) Controle: Cor do Texto e Tipografia controlados via Elementor Aplique este código em: Avançado > CSS Personalizado do Botão */ /* 1. Animação de Pulso Vibrante (Efeito de Camadas Laranja) */ @keyframes pulseAnimationOrange { 0% { transform: scale(1); box-shadow: 0 4px 15px rgba(255, 102, 0, 0.5), 0 0 0 0px rgba(255, 102, 0, 0.3), 0 0 0 0px rgba(255, 102, 0, 0.1); } 50% { transform: scale(1.02); /* Expansão das camadas traseiras em laranja forte */ box-shadow: 0 6px 20px rgba(255, 102, 0, 0.6), 0 0 0 12px rgba(255, 102, 0, 0.2), 0 0 0 24px rgba(255, 102, 0, 0); } 100% { transform: scale(1); box-shadow: 0 4px 15px rgba(255, 102, 0, 0.5), 0 0 0 0px rgba(255, 102, 0, 0.3), 0 0 0 0px rgba(255, 102, 0, 0.1); } } /* 2. Configuração Base do Botão */ .elementor-8726 .elementor-element.elementor-element-c0d0a97 .elementor-button { display: inline-flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; overflow: hidden; position: relative; z-index: 1; /* Cor de Fundo (Laranja Forte) */ background-color: #FF6600 !important; /* Nota: 'color' removido para controle via Elementor (Aba Estilo) */ /* Gradiente sutil para efeito "glossy" premium */ background-image: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%) !important; /* Aplica a animação de pulso laranja */ animation: pulseAnimationOrange 3s infinite ease-in-out; } /* 3. Brilho Metálico (Reflexo no Hover) */ .elementor-8726 .elementor-element.elementor-element-c0d0a97 .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( to right, transparent, rgba(255,255,255,0.6), transparent ); transform: skewX(-25deg); z-index: 2; pointer-events: none; } /* 4. Seta em SVG (Cor herda do texto definido no Elementor) */ .elementor-8726 .elementor-element.elementor-element-c0d0a97 .elementor-button::after { content: ''; position: absolute; right: 25px; width: 18px; height: 18px; /* A cor da seta herda automaticamente a cor do texto do Elementor */ background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center; opacity: 0; transform: translateX(-15px); transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); } /* 5. Interação de Hover */ .elementor-8726 .elementor-element.elementor-element-c0d0a97 .elementor-button:hover { background-color: #FF4500 !important; animation-play-state: paused; box-shadow: 0 10px 30px rgba(255, 102, 0, 0.7) !important; } /* Efeito de Brilho no Hover */ .elementor-8726 .elementor-element.elementor-element-c0d0a97 .elementor-button:hover::before { left: 150%; transition: all 0.8s ease; } /* Revela a seta no hover */ .elementor-8726 .elementor-element.elementor-element-c0d0a97 .elementor-button:hover::after { opacity: 1; transform: translateX(0); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cafa5d0 *//* EFEITO REVEAL + BRILHO METÁLICO + PULSO DE CAMADAS Cores: Fundo Verde Fluorescente (#24FF90) e Texto Azul Marinho Aplique este código em: Avançado > CSS Personalizado do Botão */ /* 1. Animação de Pulso Vibrante (Efeito de Camadas Neon) */ @keyframes pulseAnimationNeon { 0% { transform: scale(1); box-shadow: 0 4px 15px rgba(36, 255, 144, 0.5), 0 0 0 0px rgba(36, 255, 144, 0.3), 0 0 0 0px rgba(36, 255, 144, 0.1); } 50% { transform: scale(1.02); /* Expansão das camadas traseiras em verde fluorescente */ box-shadow: 0 6px 20px rgba(36, 255, 144, 0.6), 0 0 0 12px rgba(36, 255, 144, 0.2), 0 0 0 24px rgba(36, 255, 144, 0); } 100% { transform: scale(1); box-shadow: 0 4px 15px rgba(36, 255, 144, 0.5), 0 0 0 0px rgba(36, 255, 144, 0.3), 0 0 0 0px rgba(36, 255, 144, 0.1); } } /* 2. Configuração Base do Botão */ .elementor-8726 .elementor-element.elementor-element-cafa5d0 .elementor-button { display: inline-flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; overflow: hidden; position: relative; z-index: 1; /* Cores Vibrantes */ background-color: #24FF90 !important; /* Verde Fluorescente */ color: #1a2b4c !important; /* Azul Marinho */ /* Gradiente sutil para efeito "glossy" premium */ background-image: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%) !important; /* Aplica a animação de pulso neon */ animation: pulseAnimationNeon 3s infinite ease-in-out; } /* 3. Brilho Metálico (Reflexo no Hover) */ .elementor-8726 .elementor-element.elementor-element-cafa5d0 .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( to right, transparent, rgba(255,255,255,0.6), transparent ); transform: skewX(-25deg); z-index: 2; pointer-events: none; } /* 4. Seta em SVG (Cor herda do texto azul marinho) */ .elementor-8726 .elementor-element.elementor-element-cafa5d0 .elementor-button::after { content: ''; position: absolute; right: 25px; /* A seta está ancorada à direita */ width: 18px; height: 18px; /* A cor da seta herda automaticamente o azul marinho do texto */ background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center; opacity: 0; transform: translateX(-15px); transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); } /* 5. Interação de Hover */ .elementor-8726 .elementor-element.elementor-element-cafa5d0 .elementor-button:hover { /* Verde Neon ainda mais intenso no hover */ background-color: #00FF7F !important; color: #1a2b4c !important; animation-play-state: paused; box-shadow: 0 10px 30px rgba(36, 255, 144, 0.7) !important; } /* Efeito de Brilho no Hover */ .elementor-8726 .elementor-element.elementor-element-cafa5d0 .elementor-button:hover::before { left: 150%; transition: all 0.8s ease; } /* Revela a seta no hover */ .elementor-8726 .elementor-element.elementor-element-cafa5d0 .elementor-button:hover::after { opacity: 1; transform: translateX(0); }/* End custom CSS */