.elementor-154 .elementor-element.elementor-element-5ff3bbb6{--display:flex;--min-height:800px;--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:flex-end;--align-items:center;}.elementor-154 .elementor-element.elementor-element-5ff3bbb6:not(.elementor-motion-effects-element-type-background), .elementor-154 .elementor-element.elementor-element-5ff3bbb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://romero100x.com/wp-content/uploads/2026/07/hero-18.webp");background-position:top center;background-size:cover;}.elementor-154 .elementor-element.elementor-element-77b1c6a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:16px 16px 16px 16px;--padding-top:56px;--padding-bottom:56px;--padding-left:56px;--padding-right:56px;}.elementor-154 .elementor-element.elementor-element-77b1c6a:not(.elementor-motion-effects-element-type-background), .elementor-154 .elementor-element.elementor-element-77b1c6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-292a24b0{text-align:center;}.elementor-154 .elementor-element.elementor-element-292a24b0 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:34px;font-weight:600;text-transform:uppercase;color:#FCFCFC;}.elementor-154 .elementor-element.elementor-element-456564a1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-154 .elementor-element.elementor-element-3a390fbb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-154 .elementor-element.elementor-element-459f93e5 .elementor-button{background-color:transparent;font-family:"Sora", Sans-serif;font-size:24px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(128deg, #08FF00 0%, #0F770E 100%);border-radius:16px 16px 16px 16px;padding:13px 45px 013px 45px;}.elementor-154 .elementor-element.elementor-element-621f070f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-154 .elementor-element.elementor-element-1d888f06 .elementor-button{background-color:transparent;font-family:"Sora", Sans-serif;font-size:24px;font-weight:600;background-image:linear-gradient(128deg, #565656 0%, #373737 100%);padding:13px 45px 13px 45px;}.elementor-154 .elementor-element.elementor-element-56849271{--display:flex;}body.elementor-page-154:not(.elementor-motion-effects-element-type-background), body.elementor-page-154 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#170202;}@media(min-width:768px){.elementor-154 .elementor-element.elementor-element-5ff3bbb6{--content-width:1280px;}.elementor-154 .elementor-element.elementor-element-77b1c6a{--width:47%;}}@media(max-width:767px){.elementor-154 .elementor-element.elementor-element-5ff3bbb6:not(.elementor-motion-effects-element-type-background), .elementor-154 .elementor-element.elementor-element-5ff3bbb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://romero100x.com/wp-content/uploads/2026/07/hero-mobile-18.webp");}.elementor-154 .elementor-element.elementor-element-5ff3bbb6{--min-height:666px;}.elementor-154 .elementor-element.elementor-element-292a24b0 .elementor-heading-title{font-size:17px;}.elementor-154 .elementor-element.elementor-element-456564a1{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-154 .elementor-element.elementor-element-3a390fbb{--width:330px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-154 .elementor-element.elementor-element-459f93e5 .elementor-button{font-size:25px;padding:20px 040px 20px 40px;}.elementor-154 .elementor-element.elementor-element-621f070f{--width:330px;}.elementor-154 .elementor-element.elementor-element-1d888f06 .elementor-button{font-size:13px;padding:20px 20px 20px 20px;}}/* Start custom CSS for button, class: .elementor-element-459f93e5 */.elementor-154 .elementor-element.elementor-element-459f93e5 { animation: pulseGlow 1.8s infinite ease-in-out; border-radius: 50px; box-shadow: 0 0 12px #08FF00, 0 0 20px #08FF00; } @keyframes pulseGlow { 0% { transform: scale(1); box-shadow: 0 0 10px #08FF00, 0 0 20px #08FF00; } 50% { transform: scale(1.05); box-shadow: 0 0 20px #08FF00, 0 0 30px #08FF00; } 100% { transform: scale(1); box-shadow: 0 0 10px #08FF00, 0 0 20px #08FF00; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-77b1c6a *//* ========================================= CONTAINER +18 COM VIDRO FOSCO E BORDA DEGRADÊ ANIMADA ========================================= */ .container-18 { position: relative; isolation: isolate; width: 100%; max-width: 50%; min-height: 205px; box-sizing: border-box; /* Espaço para o selo +18 */ margin-top: 58px; /* Espaçamento interno */ padding: 65px 30px 30px; /* Vidro fosco */ background: rgba(35, 35, 35, 0.28); backdrop-filter: blur(18px) saturate(145%); -webkit-backdrop-filter: blur(18px) saturate(145%); border-radius: 38px; /* Contorno interno sutil do vidro */ border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.14); overflow: visible !important; } /* Mantém o conteúdo acima da borda animada */ .container-18 > * { position: relative; z-index: 2; } /* ========================================= BORDA DEGRADÊ ANIMADA ========================================= */ .container-18::after { content: ""; position: absolute; inset: -2px; padding: 2px; border-radius: 40px; background: linear-gradient( 90deg, #360000 0%, #7a0000 18%, #ff0000 35%, #ff6b6b 50%, #ff0000 65%, #7a0000 82%, #360000 100% ); background-size: 300% 100%; animation: bordaDegradeMovendo 4s linear infinite; /* Recorta o centro, deixando somente a borda */ -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0); mask-composite: exclude; filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.55)) drop-shadow(0 0 12px rgba(255, 0, 0, 0.2)); pointer-events: none; z-index: 1; } /* ========================================= SELO CIRCULAR +18 ========================================= */ .container-18::before { content: "+18"; position: absolute; top: -58px; left: 50%; transform: translateX(-50%); width: 112px; height: 112px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: linear-gradient( 145deg, rgba(110, 0, 0, 0.98), rgba(38, 0, 0, 0.98) ); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 2px solid #ff0000; border-radius: 50%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), 0 0 14px rgba(255, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.16); color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: 900; line-height: 1; z-index: 3; } /* ========================================= ANIMAÇÃO DA BORDA ========================================= */ @keyframes bordaDegradeMovendo { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } } /* ========================================= TABLET ========================================= */ @media screen and (max-width: 1024px) { .container-18 { width: calc(100% - 40px) !important; max-width: calc(100% - 40px) !important; margin-left: auto !important; margin-right: auto !important; } } /* ========================================= MOBILE ========================================= */ @media screen and (max-width: 767px) { .container-18 { width: calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; min-height: 170px; margin-top: 47px; margin-left: auto !important; margin-right: auto !important; padding: 52px 20px 24px; border-radius: 28px; } .container-18::after { inset: -2px; border-radius: 30px; } .container-18::before { top: -47px; width: 92px; height: 92px; font-size: 40px; } } /* ========================================= MOBILE PEQUENO ========================================= */ @media screen and (max-width: 480px) { .container-18 { width: calc(100% - 24px) !important; max-width: calc(100% - 24px) !important; padding-left: 16px; padding-right: 16px; } } /* Acessibilidade: desativa a animação caso o usuário prefira menos movimento */ @media (prefers-reduced-motion: reduce) { .container-18::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5ff3bbb6 */@media (max-width: 767px) { }/* End custom CSS */