.elementor-8763 .elementor-element.elementor-element-7433b20{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:flex-end;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:40px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-8763 .elementor-element.elementor-element-7433b20:not(.elementor-motion-effects-element-type-background), .elementor-8763 .elementor-element.elementor-element-7433b20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010703;background-image:var(--e-bg-lazyload-loaded);--e-bg-lazyload:url("http://lp.febracis.com/wp-content/uploads/2026/08/Hero_navio_familia_vieira.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8763 .elementor-element.elementor-element-7433b20, .elementor-8763 .elementor-element.elementor-element-7433b20::before{--border-transition:0.3s;}.elementor-8763 .elementor-element.elementor-element-9ca0bdc{text-align:center;width:auto;max-width:auto;}.elementor-8763 .elementor-element.elementor-element-9ca0bdc .elementor-heading-title{color:#FFFFFF;font-family:"Playfair Display", Sans-serif;font-size:54px;font-weight:400;}.elementor-8763 .elementor-element.elementor-element-9ca0bdc > .elementor-widget-container{margin:22% 0% 0% 0%;}.elementor-8763 .elementor-element.elementor-element-9ca0bdc.elementor-element{--align-self:center;}.elementor-8763 .elementor-element.elementor-element-27cac9f .elementor-heading-title{color:#C0C0C0;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:300;line-height:27px;}.elementor-8763 .elementor-element.elementor-element-27cac9f{width:auto;max-width:auto;}.elementor-8763 .elementor-element.elementor-element-27cac9f.elementor-element{--align-self:center;}.elementor-8763 .elementor-element.elementor-element-6b9abcf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-8763 .elementor-element.elementor-element-5c7a911{--display:flex;--gap:0px 0px;--background-transition:0.3s;--border-radius:20px 20px 20px 20px;--padding-block-start:30px;--padding-block-end:30px;--padding-inline-start:50px;--padding-inline-end:50px;}.elementor-8763 .elementor-element.elementor-element-5c7a911:not(.elementor-motion-effects-element-type-background), .elementor-8763 .elementor-element.elementor-element-5c7a911 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFE6AB;}.elementor-8763 .elementor-element.elementor-element-5c7a911, .elementor-8763 .elementor-element.elementor-element-5c7a911::before{--border-transition:0.3s;}.elementor-8763 .elementor-element.elementor-element-71135ef{text-align:center;}.elementor-8763 .elementor-element.elementor-element-71135ef .elementor-heading-title{color:#0F0F0F;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;line-height:28px;}.elementor-8763 .elementor-element.elementor-element-a9e4206{text-align:center;color:#000000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-8763 .elementor-element.elementor-element-3252a24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-block-start-width:1px;--border-inline-end-width:1px;--border-block-end-width:1px;--border-inline-start-width:1px;border-color:#FFE6AB;--border-color:#FFE6AB;--border-radius:20px 20px 20px 20px;--padding-block-start:30px;--padding-block-end:30px;--padding-inline-start:50px;--padding-inline-end:50px;}.elementor-8763 .elementor-element.elementor-element-3252a24, .elementor-8763 .elementor-element.elementor-element-3252a24::before{--border-transition:0.3s;}.elementor-8763 .elementor-element.elementor-element-b0b2bab .elementor-heading-title{color:#ECECEC;font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;line-height:28px;}.elementor-8763 .elementor-element.elementor-element-b0b2bab.elementor-element{--align-self:center;}.elementor-8763 .elementor-element.elementor-element-9ae71e7{text-align:center;width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;}.elementor-8763 .elementor-element.elementor-element-9ae71e7 .elementor-heading-title{color:#C0C0C0;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:300;line-height:23px;}.elementor-8763 .elementor-element.elementor-element-9ae71e7.elementor-element{--align-self:center;}.elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button .elementor-align-icon-right{margin-left:20px;}.elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button .elementor-align-icon-left{margin-right:20px;}.elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;background-color:#07CCE6;padding:0px 0px 0px 0px;}.elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button:hover, .elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button:focus{color:#FFFFFF;}.elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button:hover svg, .elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8763 .elementor-element.elementor-element-c8d0877 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8763 .elementor-element.elementor-element-c8d0877.elementor-element{--align-self:center;}.elementor-8763 .elementor-element.elementor-element-c8d0877{z-index:10;}:root{--page-title-display:none;}body.elementor-page-8763:not(.elementor-motion-effects-element-type-background), body.elementor-page-8763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#061218;}@media(max-width:1024px){.elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-8763 .elementor-element.elementor-element-5c7a911{--width:50%;}.elementor-8763 .elementor-element.elementor-element-3252a24{--width:50%;}}@media(min-width:2400px){.elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button{font-size:17px;}}@media(max-width:767px){.elementor-8763 .elementor-element.elementor-element-7433b20{--min-height:100vh;--padding-block-start:0px;--padding-block-end:80px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-8763 .elementor-element.elementor-element-7433b20:not(.elementor-motion-effects-element-type-background), .elementor-8763 .elementor-element.elementor-element-7433b20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--e-bg-lazyload-loaded);--e-bg-lazyload:url("https://febracis-lps.nyc3.digitaloceanspaces.com/wp-content/uploads/2026/02/27051144/HERO-NAVIO-FAMILIA-PV-mobile.webp");background-position:top center;background-size:contain;}.elementor-8763 .elementor-element.elementor-element-9ca0bdc{text-align:center;}.elementor-8763 .elementor-element.elementor-element-9ca0bdc .elementor-heading-title{font-size:36px;}.elementor-8763 .elementor-element.elementor-element-9ca0bdc > .elementor-widget-container{margin:72% 0% 0% 0%;}.elementor-8763 .elementor-element.elementor-element-9ca0bdc.elementor-element{--align-self:center;}.elementor-8763 .elementor-element.elementor-element-27cac9f{text-align:center;width:auto;max-width:auto;}.elementor-8763 .elementor-element.elementor-element-27cac9f .elementor-heading-title{font-size:16px;line-height:23px;}.elementor-8763 .elementor-element.elementor-element-5c7a911{--padding-block-start:30px;--padding-block-end:30px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-8763 .elementor-element.elementor-element-71135ef{text-align:center;width:auto;max-width:auto;}.elementor-8763 .elementor-element.elementor-element-71135ef .elementor-heading-title{font-size:16px;line-height:1.3em;}.elementor-8763 .elementor-element.elementor-element-a9e4206{text-align:center;font-size:14px;line-height:1.3em;width:auto;max-width:auto;}.elementor-8763 .elementor-element.elementor-element-a9e4206.elementor-element{--align-self:center;}.elementor-8763 .elementor-element.elementor-element-3252a24{--padding-block-start:20px;--padding-block-end:20px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-8763 .elementor-element.elementor-element-b0b2bab{text-align:center;width:auto;max-width:auto;}.elementor-8763 .elementor-element.elementor-element-b0b2bab .elementor-heading-title{font-size:24px;line-height:1.3em;}.elementor-8763 .elementor-element.elementor-element-9ae71e7{text-align:center;width:auto;max-width:auto;}.elementor-8763 .elementor-element.elementor-element-9ae71e7 .elementor-heading-title{font-size:14px;line-height:23px;}.elementor-8763 .elementor-element.elementor-element-c8d0877 .elementor-button{font-size:12px;}}/* Start custom CSS for heading, class: .elementor-element-9ca0bdc */.elementor-8763 .elementor-element.elementor-element-9ca0bdc{
    opacity: 0;
    filter: blur(7px);
    transform: translate(0px, 80px);
    animation: showFromBottom 0.5s 0.5s ease forwards;  /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/
}


/* Keyframe que anima de "scroll-bottom" para o estado final */
@keyframes showFromBottom {
    from {
        opacity: 0;
        filter: blur(7px);
        transform: translate(0px, 80px);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translate(0, 0);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-27cac9f */.elementor-8763 .elementor-element.elementor-element-27cac9f{
    opacity: 0;
    filter: blur(7px);
    transform: translate(0px, 80px);
    animation: showFromBottom 0.5s 0.7s ease forwards;  /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/
}


/* Keyframe que anima de "scroll-bottom" para o estado final */
@keyframes showFromBottom {
    from {
        opacity: 0;
        filter: blur(7px);
        transform: translate(0px, 80px);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translate(0, 0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c7a911 */.elementor-8763 .elementor-element.elementor-element-5c7a911{
    opacity: 0;
    filter: blur(7px);
    transform: translate(0px, 80px);
    animation: showFromBottom 0.5s 0.5s ease forwards;  /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ae71e7 */.elementor-8763 .elementor-element.elementor-element-9ae71e7{
    opacity: 0;
    filter: blur(7px);
    transform: translate(0px, 80px);
    animation: showFromBottom 0.5s 0.7s ease forwards;  /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/
}


/* Keyframe que anima de "scroll-bottom" para o estado final */
@keyframes showFromBottom {
    from {
        opacity: 0;
        filter: blur(7px);
        transform: translate(0px, 80px);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translate(0, 0);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c8d0877 */.snap .elementor-button {
  padding: 0.4rem 0.4rem 0.4rem 4rem !important;
  border-radius: 50px !important;
  /* ✨ Gradiente dourado — identidade Família Vieira */
  background: linear-gradient(
    90deg,
    #c9a84c 0%,    /* ouro claro */
    #7a5c1e 100%   /* âmbar profundo */
  ) !important;
  backdrop-filter: blur(6px);
  position: relative;
  overflow: hidden;
  z-index: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.snap .elementor-button * {
  position: relative;
  z-index: 3;
}

.snap .elementor-button-text {
  align-self: center;
  color: #fff; /* marrom escuro — contraste sobre o dourado */
}

/* ✨ Ícone com círculo branco e detalhe âmbar */
.snap .elementor-button-icon {
  font-size: 18px !important;
  padding: 10px;
  margin-left: 10px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  color: #7a5c1e !important;
  vertical-align: middle;
  rotate: -45deg;
  transition: 0.4s ease all;
}

.snap .elementor-button-icon svg path {
  fill: #7a5c1e !important;
  transition: 0.6s ease all;
}

/* ====== SHEEN dourado ====== */
.snap .elementor-button::before {
  content: "";
  position: absolute;
  top: -10%;
  left: -40%;
  width: 40%;
  height: 120%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(232,184,75,0.55) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg) translateX(-350%);
  animation: botao-sheen 2.5s linear infinite;
  pointer-events: none;
  z-index: 1;
}

/* ====== SOMBRA com teal escuro ====== */
.snap .elementor-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  box-shadow:
    0 6px 20px rgba(100, 60, 0, 0.4),
    0 0 14px rgba(201, 168, 76, 0.2) inset;
  pointer-events: none;
  z-index: 2;
}

/* ====== HOVER ====== */
.snap:hover .elementor-button {
  transform: translateY(-2px);
  box-shadow:
    0 10px 30px rgba(120, 80, 0, 0.5),
    0 0 20px rgba(201, 168, 76, 0.3);
}

.snap:hover .elementor-button-icon {
  rotate: 0deg;
}

/* ====== KEYFRAMES ====== */
@keyframes botao-sheen {
  0%   { transform: skewX(-25deg) translateX(-350%); }
  100% { transform: skewX(-25deg) translateX(350%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3252a24 */.elementor-8763 .elementor-element.elementor-element-3252a24 {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}

.elementor-8763 .elementor-element.elementor-element-3252a24{
    opacity: 0;
    filter: blur(7px);
    transform: translate(0px, 80px);
    animation: showFromBottom 0.5s 0.8s ease forwards;  /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/
}


/* Keyframe que anima de "scroll-bottom" para o estado final */
@keyframes showFromBottom {
    from {
        opacity: 0;
        filter: blur(7px);
        transform: translate(0px, 80px);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translate(0, 0);
    }
}/* End custom CSS */