.elementor-524 .elementor-element.elementor-element-b2b6314{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-524 .elementor-element.elementor-element-b2b6314:not(.elementor-motion-effects-element-type-background), .elementor-524 .elementor-element.elementor-element-b2b6314 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F0E8;}.elementor-524 .elementor-element.elementor-element-dfd3f37{--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;--border-radius:24px 24px 24px 24px;box-shadow:0px 12px 10px 0px rgba(49.00000000000001, 35.00000000000001, 30.000000000000007, 0.1);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-524 .elementor-element.elementor-element-dfd3f37:not(.elementor-motion-effects-element-type-background), .elementor-524 .elementor-element.elementor-element-dfd3f37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-524 .elementor-element.elementor-element-dfd3f37{--padding-top:32px;--padding-bottom:32px;--padding-left:28px;--padding-right:28px;}}@media(max-width:767px){.elementor-524 .elementor-element.elementor-element-b2b6314{--padding-top:20px;--padding-bottom:20px;--padding-left:12px;--padding-right:12px;}.elementor-524 .elementor-element.elementor-element-dfd3f37{--padding-top:24px;--padding-bottom:24px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-524 .elementor-element.elementor-element-dfd3f37{--content-width:1100px;}}/* Start custom CSS for shortcode, class: .elementor-element-527baaa *//* =========================================================
   SUA MELHOR FASE — GRAVITY FORMS
   ========================================================= */

/* ---------- VARIÁVEIS DA MARCA ---------- */

#form-personalizacao {
    --smf-vinho: #6a1e2b;
    --smf-vinho-escuro: #501520;
    --smf-dourado: #c9a24a;
    --smf-areia: #f6f0e8;
    --smf-rose-claro: #fff8f6;
    --smf-texto: #352c2a;
    --smf-texto-suave: #6c625f;
    --smf-borda: #e7ddd8;
    --smf-branco: #ffffff;

    width: 100%;
    max-width: 100%;
    color: var(--smf-texto);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.55;
}

/* ---------- RESET DO GRAVITY ---------- */

#form-personalizacao fieldset {
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

#form-personalizacao .gform_wrapper,
#form-personalizacao .gform-body,
#form-personalizacao .gform_page,
#form-personalizacao .gform_page_fields,
#form-personalizacao .gform_fields {
    width: 100%;
    max-width: 100%;
}

#form-personalizacao .gform_fields {
    row-gap: 36px !important;
}

#form-personalizacao .gfield {
    min-width: 0;
}

/* ---------- BARRA DE PROGRESSO ---------- */

#form-personalizacao .gf_progressbar_wrapper {
    margin: 0 0 34px !important;
}

#form-personalizacao .gf_progressbar_title {
    margin: 0 0 9px !important;
    color: var(--smf-texto-suave);
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
}

#form-personalizacao .gf_progressbar {
    height: 8px !important;
    overflow: hidden;
    background: #ebe7e4 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

#form-personalizacao .gf_progressbar_percentage {
    height: 8px !important;
    min-height: 8px !important;
    background: var(--smf-vinho) !important;
    border-radius: 999px !important;
}

#form-personalizacao .gf_progressbar_percentage span {
    display: none !important;
}

/* ---------- CABEÇALHOS DAS PÁGINAS ---------- */

#form-personalizacao .smf-header,
#form-personalizacao .smf-page-header {
    margin: 0 0 30px;
}

#form-personalizacao .smf-header h1,
#form-personalizacao .smf-page-header h1,
#form-personalizacao .smf-page-header h2 {
    margin: 0 0 10px !important;
    color: var(--smf-vinho);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(28px, 3vw, 40px) !important;
    font-weight: 600 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.02em;
}

#form-personalizacao .smf-header p,
#form-personalizacao .smf-page-header p {
    max-width: 820px;
    margin: 0 0 10px !important;
    color: var(--smf-texto-suave);
    font-size: 16px;
    line-height: 1.65;
}

/* ---------- TÍTULOS DAS PERGUNTAS ---------- */

#form-personalizacao .gfield_label {
    display: block;
    margin: 0 0 16px !important;
    color: var(--smf-texto);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.4;
}

#form-personalizacao .gfield_required {
    color: var(--smf-vinho) !important;
    font-size: 12px !important;
    font-weight: 600;
}

#form-personalizacao .gfield_description {
    margin-top: 10px !important;
    color: var(--smf-texto-suave) !important;
    font-size: 13px !important;
    line-height: 1.5;
}

/* =========================================================
   CARDS DE IMAGEM — BASE
   ========================================================= */

#form-personalizacao .ginput_container_image_choice .gchoice {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#form-personalizacao .gfield-image-choice-wrapper-outer {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 9px;
    overflow: hidden;
    background: var(--smf-branco);
    border: 1px solid var(--smf-borda);
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(63, 38, 31, 0.07);
    cursor: pointer;
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

#form-personalizacao .gfield-image-choice-wrapper-outer:hover {
    transform: translateY(-3px);
    border-color: var(--smf-dourado);
    box-shadow: 0 9px 22px rgba(63, 38, 31, 0.12);
}

#form-personalizacao .gfield-choice-image-wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: 11px;
}

#form-personalizacao .gfield-choice-image {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 11px;
}

#form-personalizacao .gfield-image-choice-wrapper-inner {
    display: flex !important;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 4px 2px;
}

#form-personalizacao .gfield-image-choice-wrapper-inner label {
    margin: 0 !important;
    color: var(--smf-texto);
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    cursor: pointer;
}

#form-personalizacao .gfield-choice-input {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    margin: 0 !important;
    accent-color: var(--smf-vinho);
}

/* Card selecionado */

#form-personalizacao .gchoice:has(.gfield-choice-input:checked)
.gfield-image-choice-wrapper-outer {
    background: var(--smf-rose-claro);
    border: 2px solid var(--smf-vinho);
    box-shadow: 0 8px 22px rgba(106, 30, 43, 0.15);
}

/* =========================================================
   PÁGINAS 1 E 2 — CALCINHA E SUTIÃ
   ========================================================= */

#form-personalizacao #field_1_8 .gfield_checkbox,
#form-personalizacao #field_1_9 .gfield_checkbox {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100%;
    max-width: 720px;
}

/* Imagens quadradas */

#form-personalizacao #field_1_8 .gfield-choice-image-wrapper,
#form-personalizacao #field_1_9 .gfield-choice-image-wrapper {
    aspect-ratio: 1 / 1;
}

#form-personalizacao #field_1_8 .gfield-choice-image,
#form-personalizacao #field_1_9 .gfield-choice-image {
    height: 100% !important;
    object-fit: cover;
}

/* =========================================================
   PÁGINA 3 — CORES
   ========================================================= */

#form-personalizacao #field_1_13 .gfield_checkbox {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100%;
}

#form-personalizacao #field_1_13 .gfield-image-choice-wrapper-outer {
    padding: 8px;
    border-radius: 14px;
}

#form-personalizacao #field_1_13 .gfield-choice-image-wrapper {
    aspect-ratio: 1 / 1;
    background: #faf8f6;
}

#form-personalizacao #field_1_13 .gfield-choice-image {
    height: 100% !important;
    object-fit: contain;
}

#form-personalizacao #field_1_13 .gfield-image-choice-wrapper-inner {
    min-height: 42px;
    padding: 8px 3px 1px;
}

#form-personalizacao #field_1_13 .gfield-image-choice-wrapper-inner label {
    font-size: 13px !important;
}

/* Avisos da página de cores */

#form-personalizacao .smf-aviso-cores,
#form-personalizacao .smf-confirmacao-cores {
    padding: 16px 18px !important;
    border-radius: 12px;
}

#form-personalizacao .smf-aviso-cores {
    background: #fbf8f2;
    border: 1px solid #e8d9b8 !important;
}

#form-personalizacao .smf-confirmacao-cores {
    background: var(--smf-rose-claro);
    border: 1px solid #e4c5ca !important;
}

#form-personalizacao .smf-aviso-cores .gfield_label,
#form-personalizacao .smf-confirmacao-cores .gfield_label {
    margin-bottom: 9px !important;
    font-size: 14px !important;
}

#form-personalizacao .ginput_container_consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

#form-personalizacao .ginput_container_consent input {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px;
    margin: 2px 0 0 !important;
    accent-color: var(--smf-vinho);
}

#form-personalizacao .ginput_container_consent label {
    color: var(--smf-texto);
    font-size: 14px !important;
    line-height: 1.55;
}

/* Evita repetição visual da descrição da confirmação */

#form-personalizacao .smf-confirmacao-cores
.gfield_consent_description {
    display: none !important;
}

/* =========================================================
   PÁGINA 4 — MEDIDAS
   ========================================================= */

#form-personalizacao #field_1_19 .gfield_radio,
#form-personalizacao #field_1_18 .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100%;
    max-width: 850px;
}

#form-personalizacao #field_1_19,
#form-personalizacao #field_1_18 {
    margin-top: 6px;
}

#form-personalizacao #field_1_18 {
    margin-top: 30px !important;
}

#form-personalizacao #field_1_19 .gfield-choice-image-wrapper,
#form-personalizacao #field_1_18 .gfield-choice-image-wrapper {
    aspect-ratio: 1 / 1;
}

#form-personalizacao #field_1_19 .gfield-choice-image,
#form-personalizacao #field_1_18 .gfield-choice-image {
    height: 100% !important;
    object-fit: contain;
}

/* Aviso das medidas */

#form-personalizacao .smf-medidas-aviso p:last-child {
    margin-top: 14px !important;
    padding: 14px 16px;
    background: #fbf8f2;
    border-left: 4px solid var(--smf-dourado);
    border-radius: 8px;
    font-size: 14px;
}

/* =========================================================
   ÚLTIMA PÁGINA — RADIOS
   ========================================================= */

#form-personalizacao #field_1_23 .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    max-width: 850px;
}

#form-personalizacao #field_1_23 .gchoice {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 76px;
    padding: 16px 18px !important;
    background: #ffffff !important;
    border: 1px solid var(--smf-borda) !important;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(63, 38, 31, 0.06) !important;
    transition: 0.2s ease;
}

#form-personalizacao #field_1_23 .gchoice:hover {
    transform: translateY(-2px);
    border-color: var(--smf-dourado) !important;
}

#form-personalizacao #field_1_23 .gchoice:has(input:checked) {
    background: var(--smf-rose-claro) !important;
    border: 2px solid var(--smf-vinho) !important;
}

#form-personalizacao #field_1_23 input {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px;
    margin: 0 10px 0 0 !important;
    accent-color: var(--smf-vinho);
}

#form-personalizacao #field_1_23 label {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45;
    cursor: pointer;
}

/* =========================================================
   BOTÕES
   ========================================================= */

#form-personalizacao .gform-page-footer,
#form-personalizacao .gform_page_footer {
    display: flex !important;
    align-items: center;
    gap: 12px;
    margin-top: 30px !important;
    padding: 0 !important;
    border: 0 !important;
}

#form-personalizacao .gform_next_button,
#form-personalizacao .gform_button {
    min-height: 48px !important;
    padding: 12px 26px !important;
    background: var(--smf-vinho) !important;
    border: 1px solid var(--smf-vinho) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 5px 12px rgba(106, 30, 43, 0.18);
    cursor: pointer;
    transition: 0.2s ease;
}

#form-personalizacao .gform_next_button:hover,
#form-personalizacao .gform_button:hover {
    background: var(--smf-vinho-escuro) !important;
    border-color: var(--smf-vinho-escuro) !important;
    transform: translateY(-1px);
}

#form-personalizacao .gform_previous_button {
    min-height: 48px !important;
    padding: 12px 24px !important;
    background: transparent !important;
    border: 1px solid var(--smf-vinho) !important;
    border-radius: 999px !important;
    color: var(--smf-vinho) !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer;
}

#form-personalizacao .gform_previous_button:hover {
    background: var(--smf-rose-claro) !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #form-personalizacao #field_1_13 .gfield_checkbox {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    #form-personalizacao #field_1_19 .gfield_radio,
    #form-personalizacao #field_1_18 .gfield_radio {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    #form-personalizacao {
        font-size: 14px;
    }

    #form-personalizacao .gf_progressbar_wrapper {
        margin-bottom: 26px !important;
    }

    #form-personalizacao .smf-header,
    #form-personalizacao .smf-page-header {
        margin-bottom: 24px;
    }

    #form-personalizacao .smf-header h1,
    #form-personalizacao .smf-page-header h1,
    #form-personalizacao .smf-page-header h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    #form-personalizacao .smf-header p,
    #form-personalizacao .smf-page-header p {
        font-size: 14px;
        line-height: 1.6;
    }

    #form-personalizacao .gform_fields {
        row-gap: 28px !important;
    }

    #form-personalizacao .gfield_label {
        margin-bottom: 13px !important;
        font-size: 15px !important;
        line-height: 1.45;
    }

    /* Calcinha e sutiã: um card por linha */

    #form-personalizacao #field_1_8 .gfield_checkbox,
    #form-personalizacao #field_1_9 .gfield_checkbox {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        max-width: 270px;
        margin-right: auto;
        margin-left: auto;
    }

    #form-personalizacao #field_1_8 .gchoice:nth-child(3),
    #form-personalizacao #field_1_9 .gchoice:nth-child(3) {
        grid-column: auto !important;
        width: 100%;
        max-width: none;
    }

    /* Cores: duas por linha */

    #form-personalizacao #field_1_13 .gfield_checkbox {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #form-personalizacao #field_1_13
    .gfield-image-choice-wrapper-outer {
        padding: 6px;
    }

    #form-personalizacao #field_1_13
    .gfield-image-choice-wrapper-inner label {
        font-size: 12px !important;
    }

    /* Tamanhos: duas opções por linha */

    #form-personalizacao #field_1_19 .gfield_radio,
    #form-personalizacao #field_1_18 .gfield_radio {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        max-width: 100%;
    }

    /* Última página */

    #form-personalizacao #field_1_23 .gfield_radio {
        grid-template-columns: 1fr;
    }

    /* Botões */

    #form-personalizacao .gform-page-footer,
    #form-personalizacao .gform_page_footer {
        gap: 9px;
        margin-top: 24px !important;
    }

    #form-personalizacao .gform_next_button,
    #form-personalizacao .gform_button,
    #form-personalizacao .gform_previous_button {
        min-height: 46px !important;
        padding: 11px 18px !important;
        font-size: 13px !important;
    }
}

/* Celulares muito estreitos */

@media (max-width: 390px) {

    #form-personalizacao .smf-header h1,
    #form-personalizacao .smf-page-header h1,
    #form-personalizacao .smf-page-header h2 {
        font-size: 25px !important;
    }

    #form-personalizacao #field_1_13 .gfield_checkbox {
        gap: 8px !important;
    }

    #form-personalizacao #field_1_19 .gfield_radio,
    #form-personalizacao #field_1_18 .gfield_radio {
        grid-template-columns: 1fr !important;
        max-width: 250px;
        margin-right: auto;
        margin-left: auto;
    }
}/* End custom CSS */