.elementor-160 .elementor-element.elementor-element-1de0f8a{--display:flex;--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-160 .elementor-element.elementor-element-1de0f8a:not(.elementor-motion-effects-element-type-background), .elementor-160 .elementor-element.elementor-element-1de0f8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFC0D1 0%, #E76689 100%);}.elementor-160 .elementor-element.elementor-element-1de0f8a > .elementor-shape-top svg, .elementor-160 .elementor-element.elementor-element-1de0f8a > .e-con-inner > .elementor-shape-top svg{width:calc(286% + 1.3px);height:26px;transform:translateX(-50%) rotateY(180deg);}.elementor-160 .elementor-element.elementor-element-1de0f8a.e-con{--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-160 .elementor-element.elementor-element-ffdf4b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 40px 40px 40px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-160 .elementor-element.elementor-element-ffdf4b6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-d7d12f6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-160 .elementor-element.elementor-element-d7d12f6:not(.elementor-motion-effects-element-type-background), .elementor-160 .elementor-element.elementor-element-d7d12f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-72022aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:20px 20px 20px 20px;}/* Start custom CSS for html, class: .elementor-element-72022aa *//* Cabeçalho */
.preview-header {
  background-color: #ed7b9a !important;
}

/* Chips */
.chip, #preview-tipo {
  background: #ed7b9a !important;
  color: #fff !important;
  border: none !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  display: inline-block !important;
}

/* Barra de progresso */
#progress-fill {
  background-color: #ed7b9a !important;
}

/* Botão principal */
.btn-enviar {
  background-color: #ed7b9a !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: 0.3s !important;
}

.btn-enviar:hover {
  background-color: #f9396c !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7d12f6 *//* ====== PREVIEW BASE ====== */
#configurador #site-preview {
  --accent: #1e3a8a;   /* cor principal (atualizada via JS) */
  --text:   #0f172a;   /* cor dos textos (atualizada via JS) */
  --bg:     #f8fafc;
  --radius: 18px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: linear-gradient(135deg, rgba(30,58,138,.08), rgba(59,130,246,.08));
  border: 1px solid rgba(15,23,42,.06);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: 0 10px 30px rgba(2,6,23,.06);
}

#configurador .preview-header {
  display: flex; align-items: center; gap: 10px;
  background: var(--accent);
  padding: 14px; border-radius: calc(var(--radius) - 6px);
}
#configurador .logo-dot { width: 14px; height: 14px; border-radius: 50%; background: #fff; opacity: .9; }
#configurador .nav-pill, #configurador .nav-pill.short {
  height: 10px; border-radius: 999px; background: rgba(255,255,255,.7);
}
#configurador .nav-pill { flex: 1; }
#configurador .nav-pill.short { width: 22%; }

#configurador .hero-card {
  background: #fff; border-radius: calc(var(--radius) - 8px);
  padding: 22px; margin-top: 18px; border: 1px solid rgba(15,23,42,.06);
}
#configurador #preview-title { margin: 0 0 6px; color: var(--accent); font-size: 1.4rem; line-height: 1.25; }
#configurador #preview-text { margin: 0 0 14px; color: var(--text); opacity: .9; }
#configurador .cta {
  display: inline-block; padding: 10px 16px; border-radius: 10px;
  background: linear-gradient(45deg, var(--accent), color-mix(in srgb, var(--accent) 70%, white));
  color: #fff; text-decoration: none; font-weight: 600;
  box-shadow: 0 6px 16px rgba(30,58,138,.25);
}

#configurador .features { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; }
#configurador .chip {
  background: #fff; border: 1px solid rgba(15,23,42,.08); color: var(--text);
  padding: 6px 10px; border-radius: 999px; font-size: .9rem;
}

/* ====== BARRA DE PROGRESSO ====== */
#configurador .progress-wrap { margin-top: 18px; }
#configurador .progress-bar { height: 8px; background: rgba(15,23,42,.08); border-radius: 999px; overflow: hidden; }
#configurador #progress-fill { display: block; height: 100%; width: 0%; background: var(--accent); transition: width .35s ease; }
#configurador .progress-label { margin-top: 6px; font-size: .9rem; color: var(--text); opacity: .8; }

/* ====== “CHIPS” DAS ESCOLHAS ====== */
#configurador .selected-wrap { margin-top: 12px; }
#configurador .selected-title { font-weight: 600; color: var(--text); margin-bottom: 6px; }
#configurador .selected-chips { display: flex; flex-wrap: wrap; gap: 8px; }
#configurador .selected-chips .chip { background: rgba(30,58,138,.08); border-color: rgba(30,58,138,.18); }

/* ====== ESTILIZAÇÃO BONITA DOS CAMPOS (opcional) ====== */
#configurador .elementor-form .elementor-field-group { margin-bottom: 16px; }
#configurador .elementor-form .elementor-field-label { font-weight: 600; color: var(--accent); }
#configurador .elementor-form .e-form__buttons__wrapper__button { 
  background: linear-gradient(45deg, var(--accent), color-mix(in srgb, var(--accent) 70%, white)); 
  border-radius: 999px; padding: 10px 18px; color:#fff; border: none;
}
#configurador .elementor-form input[type="checkbox"] + label,
#configurador .elementor-form input[type="radio"] + label {
  padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(15,23,42,.12);
}
/* Estado selecionado */
#configurador .elementor-form input[type="checkbox"]:checked + label,
#configurador .elementor-form input[type="radio"]:checked + label {
  background: rgba(30,58,138,.12); border-color: rgba(30,58,138,.35);
}

/* ====== FONTES GOOGLE (carregar no bloco) ====== */
@import url('https://fonts.googleapis.com/css2?family=Chewy&family=Montserrat:wght@400;600;700&family=Playfair+Display:wght@400;600;700&family=Poppins:wght@400;600;700&display=swap');/* End custom CSS */