.elementor-29 .elementor-element.elementor-element-9e68be7{--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:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:130px;--padding-bottom:130px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-9c687bd{--display:flex;--min-height:890px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-9c687bd.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-7994f0f{text-align:center;width:var( --container-widget-width, 479px );max-width:479px;--container-widget-width:479px;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-7994f0f > .elementor-widget-container{padding:0px 0px 48px 0px;}.elementor-29 .elementor-element.elementor-element-7994f0f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-7994f0f.subtitle-position-below .elementor-sub-title{margin-top:18px;}.elementor-29 .elementor-element.elementor-element-7994f0f.subtitle-position-above .elementor-sub-title{margin-bottom:18px;}.elementor-29 .elementor-element.elementor-element-79998d3{text-align:center;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-79998d3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-79998d3.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}body.elementor-page-29:not(.elementor-motion-effects-element-type-background), body.elementor-page-29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yusalon.jp/wp-content/uploads/2023/08/h4-oursv04.jpg");}@media(max-width:1200px){.elementor-29 .elementor-element.elementor-element-9e68be7{--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-29 .elementor-element.elementor-element-7994f0f{width:var( --container-widget-width, 814px );max-width:814px;--container-widget-width:814px;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-79998d3{width:var( --container-widget-width, 796.844px );max-width:796.844px;--container-widget-width:796.844px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-9e68be7{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}}@media(max-width:880px){.elementor-29 .elementor-element.elementor-element-9e68be7{--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-9c687bd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-7994f0f > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-29 .elementor-element.elementor-element-7994f0f .elementor-heading-title{font-size:35px;line-height:40px;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-9e68be7{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-29 .elementor-element.elementor-element-9c687bd{--width:100%;}.elementor-29 .elementor-element.elementor-element-7994f0f{text-align:center;}.elementor-29 .elementor-element.elementor-element-7994f0f > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-29 .elementor-element.elementor-element-79998d3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-79998d3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-79998d3.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-9e68be7{--content-width:100%;}.elementor-29 .elementor-element.elementor-element-9c687bd{--width:100%;}}@media(max-width:1200px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-9c687bd{--width:971.266px;}}@media(max-width:880px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-9c687bd{--width:100%;}}/* Start custom CSS for beautifly-contactform, class: .elementor-element-79998d3 *//* 1. Fonte e estilo geral */
#cf7-container {
  font-family: "Playfair Display", sans-serif;
}

/* 2. Campos full‑width (incluindo selects) */
#cf7-container input[type="text"],
#cf7-container input[type="email"],
#cf7-container input[type="tel"],
#cf7-container select,
#cf7-container textarea {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: left;  /* placeholders à esquerda */
}

/* 3. Label dos selects */
#cf7-container p strong {
  display: block;
  margin: 1.5rem 0 0.5rem;
}

/* 4. Date selects empilhados e full‑width */
#cf7-container .date-selects {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* 5. Shortcodes CF7 renderizam selects com esta classe */
#cf7-container .date-selects select {
  width: 100%;
}

/* 6. Botão de envio */
#cf7-container .cf7-submit {
  font-family: "Montserrat", sans-serif;
  padding: 0.75rem 1.5rem;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  margin: 1.5rem auto 0; /* espaço acima do botão e centralizado */
  text-align: center;
}

#cf7-container .cf7-submit:hover {
  opacity: 0.9;
}

/* 7. Mobile (opcional, mas mantém tudo responsivo) */
@media (max-width: 600px) {
  #cf7-container .column-tablet-8 {
    width: 100%;
  }
}

/* 8. Centralizar os checkboxes */
#cf7-container .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/* 9. Espaço extra entre textarea e botão */
#cf7-container textarea {
  margin-bottom: 1.5rem;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c687bd *//* 1) Container principal centralizado e com largura máxima */
#cf7-container {
  max-width: 700px;      /* largura máxima em desktop */
  width: 100%;           /* ocupa 100% até o limite acima */
  margin: 0 auto;        /* centraliza horizontalmente */
  box-sizing: border-box;/* inclui padding na largura total */
  padding: 0 15px;       /* espaçamento interno nas laterais */
}

/* 2) Ajustes específicos para mobile */
@media (max-width: 600px) {
  #cf7-container {
    max-width: 100%;     /* no mobile, ocupa 100% do espaço */
    padding: 0 10px;     /* padding lateral menor */
  }
}

/* 3) Inputs, selects e textarea centralizados */
#cf7-container input,
#cf7-container select,
#cf7-container textarea {
  width: 100%;
  box-sizing: border-box;
  display: block;
  margin: 0.75rem auto;  /* centraliza cada campo verticalmente */
}

/* 4) Botão centralizado */
#cf7-container .cf7-submit {
  display: block;
  margin: 1.5rem auto 0;
}

/* 5) Checkbox labels centralizados */
#cf7-container .wpcf7-checkbox label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0.25rem 1rem;
}

/* 6) Texto de títulos, legends e parágrafos centralizados */
#cf7-container,
#cf7-container p,
#cf7-container legend {
  text-align: center;
}

/* 7) Data alinhada à esquerda dentro do container */
#cf7-container input[type="date"] {
  margin: 0;            /* remove centralização */
  text-align: left;     /* garante texto à esquerda */
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e68be7 *//* Garante que o container não quebre as margens no mobile */
#cf7-container {
  max-width: 800px;     /* sua largura máxima */
  width: 100%;          /* preenche até o máximo */
  box-sizing: border-box;  /* inclui padding na largura */
  margin: 0 auto;       /* centraliza sempre */
  padding: 0 15px;      /* garantia de espaçamento nas laterais */
}

/* Nos inputs/select/textarea, inclui o box-sizing também */
#cf7-container input,
#cf7-container select,
#cf7-container textarea {
  width: 100%;
  box-sizing: border-box;
}

/* Responsivo: no mobile, reduz o padding para não estourar */
@media (max-width: 480px) {
  #cf7-container {
    padding: 0 10px;
  }
}/* End custom CSS */
/* Start custom CSS for page-settings */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

body, h1, h2, h3, h4, h5, h6, p {
  font-family: 'Playfair Display', serif !important;
}/* End custom CSS */