.elementor-650 .elementor-element.elementor-element-8ecc00d{--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;--overlay-opacity:0.2;--padding-top:120px;--padding-bottom:120px;--padding-left:80px;--padding-right:80px;}.elementor-650 .elementor-element.elementor-element-8ecc00d::before, .elementor-650 .elementor-element.elementor-element-8ecc00d > .elementor-background-video-container::before, .elementor-650 .elementor-element.elementor-element-8ecc00d > .e-con-inner > .elementor-background-video-container::before, .elementor-650 .elementor-element.elementor-element-8ecc00d > .elementor-background-slideshow::before, .elementor-650 .elementor-element.elementor-element-8ecc00d > .e-con-inner > .elementor-background-slideshow::before, .elementor-650 .elementor-element.elementor-element-8ecc00d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://tailitopicole.com.br/wp-content/uploads/2026/08/creme-branco.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.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-650 .elementor-element.elementor-element-b06a9d1{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-650 .elementor-element.elementor-element-b06a9d1.elementor-element{--align-self:center;}.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-650 .elementor-element.elementor-element-29dcff9.elementor-element{--align-self:center;}.elementor-650 .elementor-element.elementor-element-29dcff9{text-align:center;}.elementor-650 .elementor-element.elementor-element-29dcff9 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:70px;font-weight:900;line-height:0.9em;letter-spacing:-3.5px;color:var( --e-global-color-secondary );}.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-650 .elementor-element.elementor-element-ef5e809{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;text-align:center;font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;color:var( --e-global-color-text );}.elementor-650 .elementor-element.elementor-element-ef5e809.elementor-element{--align-self:center;}.elementor-650 .elementor-element.elementor-element-8585daf{width:var( --container-widget-width, 50% );max-width:50%;background-color:#FFFFFF;padding:50px 30px 50px 30px;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 7px 1px rgba(0, 0, 0, 0.22);}.elementor-650 .elementor-element.elementor-element-8585daf.elementor-element{--align-self:center;}.elementor-650 .elementor-element.elementor-element-11718db{--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;--align-items:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-650 .elementor-element.elementor-element-11718db:not(.elementor-motion-effects-element-type-background), .elementor-650 .elementor-element.elementor-element-11718db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-650 .elementor-element.elementor-element-a563957{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-650 .elementor-element.elementor-element-728baa1{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;}.elementor-650 .elementor-element.elementor-element-728baa1.elementor-element{--align-self:flex-start;}.elementor-650 .elementor-element.elementor-element-0574ac1{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-650 .elementor-element.elementor-element-9d6113f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-650 .elementor-element.elementor-element-9d6113f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-650 .elementor-element.elementor-element-9d6113f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-650 .elementor-element.elementor-element-9d6113f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-650 .elementor-element.elementor-element-9d6113f .elementor-icon-list-item > a{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:400;}.elementor-650 .elementor-element.elementor-element-9d6113f .elementor-icon-list-text{color:var( --e-global-color-d438e3d );transition:color 0.3s;}.elementor-650 .elementor-element.elementor-element-9d6113f .elementor-icon-list-item:hover .elementor-icon-list-text{color:#A6897A;}.elementor-650 .elementor-element.elementor-element-83346b7 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-650 .elementor-element.elementor-element-83346b7 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-650 .elementor-element.elementor-element-83346b7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-650 .elementor-element.elementor-element-83346b7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-650 .elementor-element.elementor-element-83346b7 .elementor-icon-list-item > a{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:400;}.elementor-650 .elementor-element.elementor-element-83346b7 .elementor-icon-list-text{color:var( --e-global-color-d438e3d );transition:color 0.3s;}@media(min-width:768px){.elementor-650 .elementor-element.elementor-element-a563957{--width:50%;}.elementor-650 .elementor-element.elementor-element-0574ac1{--width:50%;}}@media(max-width:767px){.elementor-650 .elementor-element.elementor-element-8ecc00d{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-650 .elementor-element.elementor-element-b06a9d1{--container-widget-width:22%;--container-widget-flex-grow:0;width:var( --container-widget-width, 22% );max-width:22%;}.elementor-650 .elementor-element.elementor-element-29dcff9 .elementor-heading-title{font-size:32px;letter-spacing:-2px;}.elementor-650 .elementor-element.elementor-element-ef5e809{width:100%;max-width:100%;font-size:15px;}.elementor-650 .elementor-element.elementor-element-8585daf{width:100%;max-width:100%;padding:40px 20px 40px 20px;}.elementor-650 .elementor-element.elementor-element-11718db{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-650 .elementor-element.elementor-element-728baa1{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-650 .elementor-element.elementor-element-728baa1.elementor-element{--align-self:center;}.elementor-650 .elementor-element.elementor-element-9d6113f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-650 .elementor-element.elementor-element-9d6113f .elementor-icon-list-item > a{font-size:12px;}.elementor-650 .elementor-element.elementor-element-83346b7.elementor-element{--align-self:center;}.elementor-650 .elementor-element.elementor-element-83346b7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-650 .elementor-element.elementor-element-83346b7 .elementor-icon-list-item > a{font-size:12px;}}/* Start custom CSS for shortcode, class: .elementor-element-8585daf *//* =====================================================
   TAILITO — CONTACT FORM 7 PREMIUM
===================================================== */

.tailito-cf7 {
  --tailito-dark: #321D14;
  --tailito-green: #2B3B17;
  --tailito-pistachio: #CBF4B2;
  --tailito-pistachio-soft: #D5DE9B;
  --tailito-terracotta: #D77A50;
  --tailito-cream: #FFF6E5;

  width: 100%;
}


/* =====================================================
   GRID
===================================================== */

.tailito-cf7-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 22px;
}


.tailito-field-full {
  grid-column: 1 / -1;
}


/* =====================================================
   CAMPOS
===================================================== */

.tailito-field {
  position: relative;
}


.tailito-field label {
  display: block;

  margin-bottom: 9px;

  color: var(--tailito-dark);

  font-size: 12px;
  font-weight: 800;

  line-height: 1.2;

  letter-spacing: .08em;

  text-transform: uppercase;
}


/* Remove margens extras do CF7 */

.tailito-field .wpcf7-form-control-wrap {
  display: block;

  width: 100%;
}


/* INPUT */

.tailito-cf7 .tailito-input {
  width: 100% !important;

  min-height: 58px;

  padding:
    0
    20px !important;

  border:
    1px solid
    rgba(50,29,20,.16) !important;

  border-radius:
    16px !important;

  outline: none !important;

  background:
    rgba(255,246,229,.78) !important;

  color:
    var(--tailito-dark) !important;

  font-family:
    inherit !important;

  font-size:
    15px !important;

  font-weight:
    500 !important;

  line-height:
    1.4 !important;

  box-shadow:
    0 8px 24px
    rgba(50,29,20,.035);

  transition:
    border-color 300ms ease,
    background-color 300ms ease,
    box-shadow 300ms ease,
    transform 300ms cubic-bezier(.22,1,.36,1);
}


/* PLACEHOLDER */

.tailito-cf7 .tailito-input::placeholder {
  color:
    rgba(50,29,20,.40);

  opacity: 1;
}


/* HOVER */

.tailito-cf7 .tailito-input:hover {
  border-color:
    rgba(50,29,20,.30) !important;
}


/* FOCO */

.tailito-cf7 .tailito-input:focus {
  border-color:
    var(--tailito-terracotta) !important;

  background:
    #FFF9EF !important;

  box-shadow:
    0 0 0 4px
    rgba(215,122,80,.10),
    0 12px 30px
    rgba(50,29,20,.06);

  transform:
    translateY(-1px);
}


/* =====================================================
   BOTÃO
===================================================== */

.tailito-cf7-submit {
  margin-top: 26px;
}


.tailito-cf7 .tailito-submit {
  position: relative;

  width: 100%;

  min-height: 62px;

  padding:
    0
    30px !important;

  border:
    1px solid
    rgba(50,29,20,.08) !important;

  border-radius:
    999px !important;

  background:
    var(--tailito-pistachio) !important;

  color:
    var(--tailito-dark) !important;

  font-family:
    inherit !important;

  font-size:
    13px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .10em;

  text-transform:
    uppercase;

  cursor:
    pointer;

  box-shadow:
    0 12px 30px
    rgba(43,59,23,.13),
    inset 0 1px 0
    rgba(255,255,255,.45);

  transition:
    background-color 350ms ease,
    color 350ms ease,
    transform 400ms cubic-bezier(.22,1,.36,1),
    box-shadow 400ms ease;
}


/* HOVER */

.tailito-cf7 .tailito-submit:hover {
  background:
    var(--tailito-dark) !important;

  color:
    var(--tailito-cream) !important;

  transform:
    translateY(-3px);

  box-shadow:
    0 18px 38px
    rgba(50,29,20,.18);
}


/* CLICK */

.tailito-cf7 .tailito-submit:active {
  transform:
    translateY(-1px)
    scale(.99);
}


/* =====================================================
   SPINNER DO CONTACT FORM 7
===================================================== */

.tailito-cf7 + .wpcf7-spinner,
.tailito-cf7 .wpcf7-spinner {
  margin:
    14px auto 0 !important;

  background-color:
    var(--tailito-dark) !important;
}


/* =====================================================
   ERRO EM CAMPO
===================================================== */

.tailito-cf7 .wpcf7-not-valid {
  border-color:
    #C85745 !important;

  background:
    rgba(200,87,69,.045) !important;

  box-shadow:
    0 0 0 4px
    rgba(200,87,69,.07) !important;
}


/* TEXTO DE ERRO */

.tailito-cf7 .wpcf7-not-valid-tip {
  display: flex;

  align-items: center;

  gap: 7px;

  margin-top:
    8px;

  color:
    #A84435;

  font-size:
    12px;

  font-weight:
    600;

  line-height:
    1.4;
}


/* bolinha antes do erro */

.tailito-cf7 .wpcf7-not-valid-tip::before {
  content: "!";

  display: inline-flex;

  align-items: center;

  justify-content: center;

  flex: 0 0 auto;

  width: 18px;
  height: 18px;

  border-radius:
    50%;

  background:
    #A84435;

  color:
    #fff;

  font-size:
    10px;

  font-weight:
    800;
}


/* =====================================================
   MENSAGEM GERAL DO CF7
===================================================== */

.wpcf7 form .wpcf7-response-output {
  margin:
    22px 0 0 !important;

  padding:
    17px 20px !important;

  border:
    1px solid
    rgba(50,29,20,.12) !important;

  border-radius:
    16px !important;

  font-size:
    13px;

  font-weight:
    600;

  line-height:
    1.5;

  box-shadow:
    0 12px 30px
    rgba(50,29,20,.06);

  animation:
    tailitoMessageIn
    450ms
    cubic-bezier(.22,1,.36,1);
}


/* =====================================================
   SUCESSO
===================================================== */

.wpcf7 form.sent .wpcf7-response-output {
  border-color:
    rgba(43,59,23,.25) !important;

  background:
    #CBF4B2 !important;

  color:
    #2B3B17 !important;
}


/* =====================================================
   ERRO / CAMPOS INVÁLIDOS
===================================================== */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
  border-color:
    rgba(168,68,53,.25) !important;

  background:
    #F9DDD6 !important;

  color:
    #84392F !important;
}


/* =====================================================
   ANIMAÇÃO DAS MENSAGENS
===================================================== */

@keyframes tailitoMessageIn {

  from {
    opacity: 0;

    transform:
      translateY(8px);
  }

  to {
    opacity: 1;

    transform:
      translateY(0);
  }

}


/* =====================================================
   AUTOFILL DO CHROME
===================================================== */

.tailito-cf7 input:-webkit-autofill,
.tailito-cf7 input:-webkit-autofill:hover,
.tailito-cf7 input:-webkit-autofill:focus {
  -webkit-text-fill-color:
    var(--tailito-dark);

  -webkit-box-shadow:
    0 0 0 1000px
    #FFF9EF inset !important;

  transition:
    background-color
    9999s ease-in-out 0s;
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

  .tailito-cf7-grid {
    grid-template-columns:
      1fr;

    gap:
      18px;
  }


  .tailito-field-full {
    grid-column:
      auto;
  }


  .tailito-cf7 .tailito-input {
    min-height:
      56px;

    padding:
      0 17px !important;

    border-radius:
      14px !important;

    font-size:
      16px !important;
  }


  .tailito-cf7 .tailito-submit {
    min-height:
      60px;

    padding:
      0 18px !important;

    font-size:
      12px !important;
  }

}/* End custom CSS */