.elementor-1010 .elementor-element.elementor-element-792ca73{--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;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-1010 .elementor-element.elementor-element-792ca73.e-con{--align-self:center;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1010 .elementor-element.elementor-element-52da966{--display:flex;}.elementor-widget-login .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-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{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-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{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-1010 .elementor-element.elementor-element-6ebdd47 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-weight:500;text-transform:uppercase;border-radius:12px 12px 12px 12px;padding:16px 0px 16px 0px;}.elementor-1010 .elementor-element.elementor-element-6ebdd47 .elementor-field-group{margin-bottom:16px;}.elementor-1010 .elementor-element.elementor-element-6ebdd47 .elementor-form-fields-wrapper{margin-bottom:-16px;}.elementor-1010 .elementor-element.elementor-element-6ebdd47 .elementor-field-group > a:hover{color:#858C4A;}.elementor-1010 .elementor-element.elementor-element-6ebdd47 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-1010 .elementor-element.elementor-element-6ebdd47 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-accent );border-color:#BBBBBBD1;border-radius:12px 12px 12px 12px;}.elementor-1010 .elementor-element.elementor-element-6ebdd47 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-accent );border-color:#BBBBBBD1;border-radius:12px 12px 12px 12px;}.elementor-1010 .elementor-element.elementor-element-6ebdd47 .elementor-field-group .elementor-select-wrapper::before{color:#BBBBBBD1;}.elementor-1010 .elementor-element.elementor-element-66a0b9b{--display:flex;}.elementor-1010 .elementor-element.elementor-element-c9a419a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1010 .elementor-element.elementor-element-12af654{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:0px;--n-tabs-gap:12px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-color:var( --e-global-color-accent );}.elementor-1010 .elementor-element.elementor-element-12af654.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1010 .elementor-element.elementor-element-72bfd80{--divider-border-style:solid;--divider-color:var( --e-global-color-c0f281b );--divider-border-width:1px;}.elementor-1010 .elementor-element.elementor-element-72bfd80 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-1010 .elementor-element.elementor-element-72bfd80 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-1010 .elementor-element.elementor-element-72bfd80 .elementor-divider__text{color:var( --e-global-color-c0f281b );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1010 .elementor-element.elementor-element-98ec1c8.elementor-element{--align-self:stretch;}.elementor-1010 .elementor-element.elementor-element-d3bd608{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-1010 .elementor-element.elementor-element-792ca73{--content-width:360px;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-1010 .elementor-element.elementor-element-481897c{z-index:12;}}@media(min-width:768px){.elementor-1010 .elementor-element.elementor-element-792ca73{--content-width:500px;}}@media(max-width:1366px) and (min-width:768px){.elementor-1010 .elementor-element.elementor-element-792ca73{--content-width:520px;}}@media(max-width:1200px) and (min-width:768px){.elementor-1010 .elementor-element.elementor-element-792ca73{--content-width:540px;}}/* Start custom CSS for shortcode, class: .elementor-element-c9a419a *//* --- 1. FORÇA BRUTA NOS CAMPOS DE TEXTO (Inputs Universais) --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="text"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="email"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="password"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="tel"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="number"] { width: 100% !important; padding: 10px 16px !important; margin-bottom: 2px !important; /* Descola os campos verticalmente */ border: 1px solid #D1D1D1 !important; border-radius: 12px !important; /* Formato Pílula igual ao do Login */ font-size: 14px !important; color: #333 !important; background-color: #fff !important; box-shadow: none !important; outline: none !important; transition: border-color 0.3s ease !important; font-family: montserrat; } /* --- 2. EFEITO DE FOCO --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="text"]:focus, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="email"]:focus, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="password"]:focus, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="tel"]:focus { border-color: #858C4A !important; } /* --- 3. CORREÇÃO DE COLUNAS LADO A LADO --- */ /* Se houver campos em duas colunas, garante que não grudem horizontalmente */ .elementor-1010 .elementor-element.elementor-element-c9a419a .jet-form__field-wrap, .elementor-1010 .elementor-element.elementor-element-c9a419a .jet-form-builder__field-wrap { padding: 12px 12px !important; } /* --- 4. BOTÃO DE REGISTRO (Sign Up) --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a button[type="submit"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="submit"], .elementor-1010 .elementor-element.elementor-element-c9a419a .jet-form__submit { width: 100% !important; background-color: #858C4A !important; /* Verde Oliva */ color: #FFFFFF !important; padding: 12px 20px !important; border-radius: 12px !important; /* Arredondamento suave do botão */ border: none !important; font-size: 16px !important; font-weight: bold !important; text-transform: uppercase !important; cursor: pointer !important; transition: filter 0.3s ease !important; margin-top: 12px !important; font-family: montserrat; } .elementor-1010 .elementor-element.elementor-element-c9a419a button[type="submit"]:hover, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="submit"]:hover { filter: brightness(0.9) !important; } /* --- 5. OCULTAR LABELS (Opcional, para deixar mais limpo) --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a label.jet-form__label, .elementor-1010 .elementor-element.elementor-element-c9a419a label.jet-form-builder__label { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c9a419a *//* --- 1. FORÇA BRUTA NOS CAMPOS DE TEXTO (Inputs Universais) --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="text"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="email"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="password"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="tel"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="number"] { width: 100% !important; padding: 10px 16px !important; margin-bottom: 2px !important; /* Descola os campos verticalmente */ border: 1px solid #D1D1D1 !important; border-radius: 12px !important; /* Formato Pílula igual ao do Login */ font-size: 14px !important; color: #333 !important; background-color: #fff !important; box-shadow: none !important; outline: none !important; transition: border-color 0.3s ease !important; font-family: montserrat; } /* --- 2. EFEITO DE FOCO --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="text"]:focus, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="email"]:focus, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="password"]:focus, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="tel"]:focus { border-color: #858C4A !important; } /* --- 3. CORREÇÃO DE COLUNAS LADO A LADO --- */ /* Se houver campos em duas colunas, garante que não grudem horizontalmente */ .elementor-1010 .elementor-element.elementor-element-c9a419a .jet-form__field-wrap, .elementor-1010 .elementor-element.elementor-element-c9a419a .jet-form-builder__field-wrap { padding: 12px 12px !important; } /* --- 4. BOTÃO DE REGISTRO (Sign Up) --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a button[type="submit"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="submit"], .elementor-1010 .elementor-element.elementor-element-c9a419a .jet-form__submit { width: 100% !important; background-color: #858C4A !important; /* Verde Oliva */ color: #FFFFFF !important; padding: 12px 20px !important; border-radius: 12px !important; /* Arredondamento suave do botão */ border: none !important; font-size: 16px !important; font-weight: bold !important; text-transform: uppercase !important; cursor: pointer !important; transition: filter 0.3s ease !important; margin-top: 12px !important; font-family: montserrat; } .elementor-1010 .elementor-element.elementor-element-c9a419a button[type="submit"]:hover, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="submit"]:hover { filter: brightness(0.9) !important; } /* --- 5. OCULTAR LABELS (Opcional, para deixar mais limpo) --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a label.jet-form__label, .elementor-1010 .elementor-element.elementor-element-c9a419a label.jet-form-builder__label { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c9a419a *//* --- 1. FORÇA BRUTA NOS CAMPOS DE TEXTO (Inputs Universais) --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="text"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="email"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="password"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="tel"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="number"] { width: 100% !important; padding: 10px 16px !important; margin-bottom: 2px !important; /* Descola os campos verticalmente */ border: 1px solid #D1D1D1 !important; border-radius: 12px !important; /* Formato Pílula igual ao do Login */ font-size: 14px !important; color: #333 !important; background-color: #fff !important; box-shadow: none !important; outline: none !important; transition: border-color 0.3s ease !important; font-family: montserrat; } /* --- 2. EFEITO DE FOCO --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="text"]:focus, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="email"]:focus, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="password"]:focus, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="tel"]:focus { border-color: #858C4A !important; } /* --- 3. CORREÇÃO DE COLUNAS LADO A LADO --- */ /* Se houver campos em duas colunas, garante que não grudem horizontalmente */ .elementor-1010 .elementor-element.elementor-element-c9a419a .jet-form__field-wrap, .elementor-1010 .elementor-element.elementor-element-c9a419a .jet-form-builder__field-wrap { padding: 12px 12px !important; } /* --- 4. BOTÃO DE REGISTRO (Sign Up) --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a button[type="submit"], .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="submit"], .elementor-1010 .elementor-element.elementor-element-c9a419a .jet-form__submit { width: 100% !important; background-color: #858C4A !important; /* Verde Oliva */ color: #FFFFFF !important; padding: 12px 20px !important; border-radius: 12px !important; /* Arredondamento suave do botão */ border: none !important; font-size: 16px !important; font-weight: bold !important; text-transform: uppercase !important; cursor: pointer !important; transition: filter 0.3s ease !important; margin-top: 12px !important; font-family: montserrat; } .elementor-1010 .elementor-element.elementor-element-c9a419a button[type="submit"]:hover, .elementor-1010 .elementor-element.elementor-element-c9a419a input[type="submit"]:hover { filter: brightness(0.9) !important; } /* --- 5. OCULTAR LABELS (Opcional, para deixar mais limpo) --- */ .elementor-1010 .elementor-element.elementor-element-c9a419a label.jet-form__label, .elementor-1010 .elementor-element.elementor-element-c9a419a label.jet-form-builder__label { display: none !important; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-12af654 *//* --- 1. O TRILHO (Mais comprido e menos alto) --- */ .elementor-1010 .elementor-element.elementor-element-12af654 .e-n-tabs-heading { background-color: #F5F5F7 !important; /* Cinza claro Apple */ border-radius: 50px !important; padding: 6px !important; display: flex !important; flex-wrap: nowrap !important; /* TRAVA 1: Impede que as abas desçam de linha */ justify-content: space-between !important; border: none !important; max-width: 620px !important; margin: 0 auto 16px auto !important; gap: 0 !important; } /* --- 2. AS ABAS (INATIVAS) --- */ /* Usamos o seletor > para travar apenas no elemento do título */ .elementor-1010 .elementor-element.elementor-element-12af654 .e-n-tabs-heading > .e-n-tab-title { flex: 1 1 50% !important; /* Garante que cada aba ocupe exatamente metade do espaço */ display: flex !important; justify-content: center !important; align-items: center !important; padding: 10px 32px !important; /* Reduzido para não espremer o conteúdo em telas menores */ border-radius: 50px !important; color: #888888 !important; font-weight: 600 !important; font-size: 15px !important; font-family: 'Montserrat', sans-serif !important; background-color: transparent !important; border: none !important; transition: all 0.3s ease-in-out !important; cursor: pointer !important; white-space: nowrap !important; /* TRAVA 2: Impede que o "Sign Up" quebre ao meio */ } /* --- 3. A ABA ATIVA (O BOTÃO BRANCO) --- */ /* Blindagem dupla para garantir que o fundo branco não vaze */ .elementor-1010 .elementor-element.elementor-element-12af654 .e-n-tabs-heading > .e-n-tab-title.e-active, .elementor-1010 .elementor-element.elementor-element-12af654 .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] { background-color: #FFFFFF !important; color: #111111 !important; box-shadow: 0px 3px 10px rgba(0,0,0,0.08) !important; } /* --- 4. RESET DE ANIMAÇÃO DO ELEMENTOR --- */ /* Isso impede que o Elementor pinte o fundo de cinza/branco ao clicar */ .elementor-1010 .elementor-element.elementor-element-12af654 .e-n-tab-title:hover, .elementor-1010 .elementor-element.elementor-element-12af654 .e-n-tab-title:focus { background-color: transparent !important; } .elementor-1010 .elementor-element.elementor-element-12af654 .e-n-tab-title.e-active:hover { background-color: #FFFFFF !important; } /* LIMPEZA FINAL */ .elementor-1010 .elementor-element.elementor-element-12af654 .e-n-tabs-content { border: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-98ec1c8 *//* --- 1. Container Principal (Força 100% de largura e dá um respiro no topo) --- */ .elementor-1010 .elementor-element.elementor-element-98ec1c8 .nsl-container { display: block !important; width: 100% !important; margin-top: 20px !important; } .elementor-1010 .elementor-element.elementor-element-98ec1c8 .nsl-container-block .nsl-button { margin: 0 auto !important; } /* --- 2. O Botão do Google (Formato Pílula) --- */ .elementor-1010 .elementor-element.elementor-element-98ec1c8 .nsl-container .nsl-button { width: 100% !important; border-radius: 50px !important; /* Arredondamento idêntico aos campos de input */ padding: 12px 20px !important; box-shadow: 0px 3px 10px rgba(0,0,0,0.05) !important; /* Sombra leve Apple-style */ transition: all 0.3s ease !important; justify-content: center !important; /* Centraliza o ícone do Google e o texto */ border: 1px solid #E5E5EA !important; /* Borda bem suave */ } /* --- 3. Efeito Hover (Levanta levemente ao passar o mouse) --- */ .elementor-1010 .elementor-element.elementor-element-98ec1c8 .nsl-container .nsl-button:hover { transform: translateY(-2px) !important; box-shadow: 0px 6px 15px rgba(0,0,0,0.1) !important; } /* Remove a linha de sublinhado que o Elementor às vezes força em links */ .elementor-1010 .elementor-element.elementor-element-98ec1c8 .nsl-container a { text-decoration: none !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-481897c */.noise { display: block; width: 100vw; height: 100vh; opacity: .11; background-image: var(--wpr-bg-ed4da3c4-9f92-46f2-bcf2-68217bfa1a01); overflow: hidden; position: fixed; top: 0; left: 0; pointer-events: none; z-index: 1; mix-blend-mode: plus-lighter; }/* End custom CSS */ /* Start custom CSS */[data-elementor-type="wp-page"] { overflow: hidden; } [data-elementor-type="wp-post"] { overflow: hidden; } html, body { max-width: 100% !important; overflow-x: hidden !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Poppins'; font-style: normal; font-weight: normal; font-display: auto; src: url(https://flavorsandflowersmiami.com/wp-content/uploads/2026/01/Poppins-Regular.woff2) format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: auto; src: url(https://flavorsandflowersmiami.com/wp-content/uploads/2026/01/Poppins-Medium.woff2) format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: auto; src: url(https://flavorsandflowersmiami.com/wp-content/uploads/2026/01/Poppins-Bold.woff2) format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: auto; src: url(https://flavorsandflowersmiami.com/wp-content/uploads/2026/01/Poppins-Light.woff2) format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: auto; src: url(https://flavorsandflowersmiami.com/wp-content/uploads/2026/01/Poppins-SemiBold.woff2) format('woff2'); } /* End Custom Fonts CSS */