.elementor-990120 .elementor-element.elementor-element-f72011d{--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;}/* Start custom CSS for html, class: .elementor-element-788d7ea */.s4y-ghost{
  background:rgba(255,255,255,.12);
  color:#fff!important;
  border:1px solid rgba(255,255,255,.30);
}
/* Sandaliaria 4YOU – deixar "Quantidade estimada" em branco */
.s4y-preview .s4y-qta label{
  color: #ffffff !important;
  opacity: 0.95;
  font-weight: 800;
  letter-spacing: .04em;
}
/* Ajuste perfeito para manter o solado SEMPRE dentro do mock */
.s4y-flip {
  max-height: 3100px !important;    /* <-- controla a altura máxima da sola */
  width: auto !important;
  height: auto !important;

  display: flex;
  justify-content: center;
  align-items: center;
}

/* Ajusta a imagem do solado */
.s4y-flip img {
  max-height: 220px !important;   /* <-- trava a altura sem deformar */
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* número exibido ao lado do range */
.s4y-preview #qtd-val{
  color: #ffffff !important;
}

/* opcional: deixa o pontinho do range mais visível no fundo vermelho */
.s4y-preview #qtd{
  --thumb-shadow: 0 0 0 3px rgba(255,255,255,.25);
}
/* Limitar tamanho do flip-flop */
.s4y-flip {
  width: min(260px, 60%) !important; /* antes era 360px / 76% */
  max-width: 260px !important;
}

/* Ajustar posicionamento no mock */
.s4y-mock {
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0 !important;
}

/* Ajustar imagem */
.s4y-flip img {
  width: 100% !important;
  height: auto !important;
  transform-origin: center center;
}

/* Ajuste de overlay acompanhando o tamanho reduzido */
.s4y-overlay {
  border-radius: 26px;
  inset: 0;
}
.s4y-reset-btn{
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  color: #ffffff;
  font: 700 13px/1 Inter,Roboto,Arial,sans-serif;
  padding: 12px 16px;
  border-radius: 10px;
  cursor: pointer;
  transition: .15s ease;
}

.s4y-reset-btn:hover{
  background: rgba(255,255,255,0.20);
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
}
/* Ajuste fino da prévia do solado */
#s4y-preview-img {
  max-height: 220px !important;   /* altura fixa e elegante */
  width: auto !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
  transform: translateY(10px);     /* leve descida visual */
}
/* Esconde o 3º chip na linha (geralmente o tipo de evento) */
.s4y-badges .chip:nth-child(3){ display:none; }
/* --- ajustes finos de UI nas caixinhas --- */
.s4y-summary li,
.s4y-fields input,
.s4y-fields textarea,
.s4y-cta,
.s4y-reset-btn { border-radius:14px !important; }

.s4y-summary { gap:10px !important; }
.s4y-summary li{
  padding:12px 14px !important;
  display:flex; align-items:center; justify-content:space-between;
}

.s4y-fields{ gap:10px !important; }
.s4y-fields .f input,
.s4y-fields .f textarea{
  width:100%; box-sizing:border-box;
  padding:12px 14px !important;
}

.s4y-fields label{ margin-bottom:2px; }
.s4y-quote{ backdrop-filter: blur(4px); }

@media(max-width:719px){
  .s4y-summary{ grid-template-columns:1fr !important; }
}
/* ===== Unificar largura dos botões ===== */
.s4y-preview .s4y-send{
  display:flex;
  gap:12px;
}

.s4y-preview .s4y-send .s4y-cta,
.s4y-preview .s4y-send #s4y-reset{
  flex:1; /* ambos crescem igualmente */
  text-align:center;
  justify-content:center;
  border-radius:14px;
  padding:16px 18px !important;
}

/* botão preto */
#s4y-reset{
  background:#0f1b1d !important;
  color:#fff !important;
  font-weight:800;
  border:none;
  box-shadow:0 12px 28px rgba(0,0,0,.25);
  transition:.15s ease;
}

#s4y-reset:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.35);
}
/* ===== Ajustes mobile do preview / orçamento ===== */
@media (max-width: 480px){
  /* Caixa da prévia mais compacta */
  .s4y-preview{ padding:14px; }

  /* Área do mock e sola menores, sem cortar */
  .s4y-mock{
    aspect-ratio: 4 / 3;     /* mais alto no mobile */
    padding: 6px 0 !important;
  }
  #s4y-preview-img{
    max-height: 150px !important;
    transform: translateY(4px);
  }

  /* Selo do evento (ícone + texto) — menor e com limite de largura */
  .s4y-event-icon{
    top: 6px; right: 6px;                     /* encosta na borda */
    padding: 6px 8px;
    border-radius: 10px;
    max-width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    gap: 6px;
    transform-origin: top right;
  }
  .s4y-event-icon img{ width:18px; height:18px; }
  .s4y-event-icon span{ font-size: 11px; }

  /* Quantidade: quebra em 2 linhas e dá respiro pro valor */
  .s4y-qta{
    flex-wrap: wrap;
    gap: 6px;
  }
  .s4y-qta label{
    width: 100%;
    margin-bottom: 2px;
  }
  .s4y-qta input{ flex: 1; }
  #qtd-val{
    min-width: 40px;
    text-align: right;
    font-weight: 800;
  }

  /* Resumo e campos em 1 coluna */
  .s4y-summary{ grid-template-columns: 1fr !important; }
  .s4y-summary li{ padding: 10px 12px !important; }
  .s4y-fields{ grid-template-columns: 1fr !important; gap: 10px !important; }

  /* Botões ocupam a largura e ficam iguais */
  .s4y-send{ gap: 10px; }
  .s4y-send .s4y-cta,
  .s4y-send #s4y-reset{
    flex: 1;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    justify-content: center;
  }
}
/* Centralizar título e subtítulo em todas as telas */
#configurador-4you h3{
  text-align:center;
}

#configurador-4you .lead{
  text-align:center;
  max-width:600px;
  margin:0 auto 22px;
}/* End custom CSS */