/*
 Theme Name: GeneratePress Child
 Template: generatepress
 Version: 3.1.0
*/

/* ==========================================================
   ENCUESTA DE SATISFACCION
   Gravity Forms ID 1 (ES), ID 5 (EN), ID 6 (RU), ID 4 (DONANTES)
   ========================================================== */

:root {
    --survey-pink: #e5007e;
    --survey-pink-dark: #c90070;
    --survey-pink-soft: #fff1f7;
    --survey-pink-soft-2: #ffe5f1;
    --survey-text: #24143d;
    --survey-muted: #777181;
    --survey-border: #e9e5ec;
    --survey-bg: #f7f7f9;
    --survey-white: #ffffff;
    --survey-radius: 11px;
    --survey-width: 1180px;
}

html,
body {
    overflow-x: hidden;
}

/* ==========================================================
   GENERATEPRESS
   Solo afecta a paginas que contienen Gravity Forms ID 1 (ES), ID 5 (EN) o ID 6 (RU)
   ========================================================== */

body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) {
    background: var(--survey-bg);
}

body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .site-header,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) #site-navigation,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .main-navigation,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .site-footer,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .entry-header,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .page-header {
    display: none !important;
}

body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .site-content,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .content-area,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .site-main,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .inside-article,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .container.grid-container,
body:has(:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)) .site.grid-container {
    width: 100% !important;
    max-width: none !important;
}

/* ==========================================================
   HERO RECTO
   ========================================================== */

.encuesta-hero {
    width: 100%;
    min-height: 300px;
    margin: 0;
    padding: 54px 24px;
    box-sizing: border-box;

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

    background:
        linear-gradient(
            rgba(229, 0, 126, .78),
            rgba(201, 0, 112, .82)
        ),
        url('https://surveys.fivdona.com/wp-content/uploads/2026/08/amigos.webp')
        center 38% / cover no-repeat;

    color: #fff;
    text-align: center;
}

.encuesta-hero::before,
.encuesta-hero::after {
    display: none !important;
    content: none !important;
}

.encuesta-hero__content {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

.encuesta-hero h1 {
    margin: 0 0 18px !important;
    color: #fff !important;
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: .5px;
}

.encuesta-hero p {
    max-width: 650px;
    margin: 0 auto !important;
    color: #fff;
    font-size: 16px;
    line-height: 1.7;
}

/* ==========================================================
   CONTENEDOR DEL FORMULARIO
   ========================================================== */

.encuesta-wrapper {
    width: calc(100% - 40px);
    max-width: var(--survey-width);
    margin: 0 auto !important;
    padding: 24px 0 34px !important;
    box-sizing: border-box;
}

/* ==========================================================
   GRAVITY FORMS
   ========================================================== */

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4),
:is(#gform_1, #gform_5, #gform_6, #gform_4),
.encuesta-satisfaccion {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit;
}

/* Ocultar leyenda "* señala los campos obligatorios" */
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_required_legend,
:is(#gform_1, #gform_5, #gform_6, #gform_4) .gform_required_legend,
.gform_wrapper.gravity-theme .gform_required_legend {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_heading,
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform-body,
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_body,
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_fields,
:is(#gform_1, #gform_5, #gform_6, #gform_4) .gform-body,
:is(#gform_1, #gform_5, #gform_6, #gform_4) .gform_body,
:is(#gform_1, #gform_5, #gform_6, #gform_4) .gform_fields {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_heading:empty {
    display: none !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_fields {
    gap: 22px !important;
}

/* ==========================================================
   LABELS
   ========================================================== */

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_label {
    display: block;
    margin-bottom: 9px !important;
    color: var(--survey-text);
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_required {
    color: var(--survey-pink) !important;
}

/* ==========================================================
   FILA SUPERIOR
   Procedencia ID 3
   Sexo ID 17
   Como nos ha conocido ID 16
   ========================================================== */

:is(#field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3),
:is(#field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17),
:is(#field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ==========================================================
   SELECTS CHOSEN
   Formularios ID 1 (ES), ID 5 (EN), ID 6 (RU), ID 4 (DONANTES)
   Campos ID 3, 17, 16 y 38

   Gravity Forms oculta el <select> original y muestra .chosen-single.
   La flecha se dibuja aqui para que sea consistente en los tres idiomas.
   ========================================================== */

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)
:is(
    #field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3,
    #field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17,
    #field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16,
    #field_1_38, #field_5_38, #field_6_38, #field_4_38, #field_4_38
)
.chosen-container {
    width: 100% !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)
:is(
    #field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3,
    #field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17,
    #field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16,
    #field_1_38, #field_5_38, #field_6_38, #field_4_38, #field_4_38
)
.chosen-container-single .chosen-single {
    position: relative !important;
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 50px !important;
    padding: 0 46px 0 15px !important;
    box-sizing: border-box !important;

    background: var(--survey-white) !important;
    background-image: none !important;
    border: 1px solid var(--survey-border) !important;
    border-radius: 9px !important;

    color: var(--survey-text) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: normal !important;

    box-shadow: none !important;
}

/* Ocultar la flecha/sprite original de Chosen */
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)
:is(
    #field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3,
    #field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17,
    #field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16,
    #field_1_38, #field_5_38, #field_6_38, #field_4_38, #field_4_38
)
.chosen-container-single .chosen-single > div {
    display: none !important;
}

/* Flecha personalizada */
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)
:is(
    #field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3,
    #field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17,
    #field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16,
    #field_1_38, #field_5_38, #field_6_38, #field_4_38, #field_4_38
)
.chosen-container-single .chosen-single::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;

    width: 8px;
    height: 8px;

    border-right: 2px solid #667085;
    border-bottom: 2px solid #667085;

    transform: translateY(-65%) rotate(45deg);
    transform-origin: center;
    pointer-events: none;

    transition: transform .18s ease;
}

/* Flecha hacia arriba cuando la lista esta abierta */
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)
:is(
    #field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3,
    #field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17,
    #field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16,
    #field_1_38, #field_5_38, #field_6_38, #field_4_38, #field_4_38
)
.chosen-container.chosen-with-drop .chosen-single::after {
    transform: translateY(-35%) rotate(225deg);
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)
:is(
    #field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3,
    #field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17,
    #field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16,
    #field_1_38, #field_5_38, #field_6_38, #field_4_38, #field_4_38
)
.chosen-container-single .chosen-single span {
    margin-right: 0 !important;
    line-height: normal !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4)
:is(
    #field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3,
    #field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17,
    #field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16,
    #field_1_38, #field_5_38, #field_6_38, #field_4_38, #field_4_38
)
.chosen-container-active .chosen-single {
    border-color: var(--survey-pink) !important;
    box-shadow: 0 0 0 3px rgba(229, 0, 126, .10) !important;
}

@media (min-width: 769px) {
    :is(#field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3),
    :is(#field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17),
    :is(#field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16) {
        grid-column: span 4 !important;
    }
}

/* Formulario ID 4: solo tiene dos campos en la fila superior */
@media (min-width: 769px) {
    #field_4_3,
    #field_4_16 {
        grid-column: span 6 !important;
    }
}

/* ==========================================================
   INPUTS Y SELECTS
   ========================================================== */

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) input[type="text"],
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) input[type="email"],
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) input[type="tel"],
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) input[type="number"],
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) input[type="url"],
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) select,
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_select {
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 15px !important;
    box-sizing: border-box;

    background: var(--survey-white) !important;
    border: 1px solid var(--survey-border) !important;
    border-radius: 9px !important;

    color: var(--survey-text) !important;
    font-family: inherit;
    font-size: 14px !important;

    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) select,
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_select {
    padding-right: 44px !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) input:focus,
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) select:focus,
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) textarea:focus {
    border-color: var(--survey-pink) !important;
    box-shadow: 0 0 0 3px rgba(229, 0, 126, .10) !important;
    outline: none !important;
}

/* ==========================================================
   SECCIONES
   ========================================================== */

:is(#field_1_4, #field_5_4, #field_6_4, #field_4_4),
:is(#field_1_8, #field_5_8, #field_6_8, #field_4_8),
:is(#field_1_20, #field_5_20, #field_6_20, #field_4_20),
:is(#field_1_24, #field_5_24, #field_6_24, #field_4_24),
:is(#field_1_32, #field_5_32, #field_6_32, #field_4_32) {
    grid-column: 1 / -1 !important;
    margin-bottom: -4px !important;
    padding: 18px 24px !important;
    box-sizing: border-box;

    background: linear-gradient(
        90deg,
        var(--survey-pink-dark),
        var(--survey-pink)
    ) !important;

    border: 0 !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: 0 8px 24px rgba(30, 15, 45, .08);
}

/* Primera seccion sin margen extra */
:is(#field_1_4, #field_5_4, #field_6_4, #field_4_4) {
    margin-top: 0 !important;
}

/* Resto de secciones */
:is(#field_1_8, #field_5_8, #field_6_8, #field_4_8),
:is(#field_1_20, #field_5_20, #field_6_20, #field_4_20),
:is(#field_1_24, #field_5_24, #field_6_24, #field_4_24),
:is(#field_1_32, #field_5_32, #field_6_32, #field_4_32) {
    margin-top: 30px !important;
}

:is(#field_1_4, #field_5_4, #field_6_4, #field_4_4) .gsection_title,
:is(#field_1_8, #field_5_8, #field_6_8, #field_4_8) .gsection_title,
:is(#field_1_20, #field_5_20, #field_6_20, #field_4_20) .gsection_title,
:is(#field_1_24, #field_5_24, #field_6_24, #field_4_24) .gsection_title,
:is(#field_1_32, #field_5_32, #field_6_32, #field_4_32) .gsection_title {
    margin: 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    text-transform: uppercase;
}

/* ==========================================================
   TARJETAS DE PREGUNTAS
   ========================================================== */

:is(#field_1_5, #field_5_5, #field_6_5, #field_4_5),
:is(#field_1_6, #field_5_6, #field_6_6, #field_4_6),
:is(#field_1_7, #field_5_7, #field_6_7, #field_4_7),
:is(#field_1_9, #field_5_9, #field_6_9, #field_4_9),
:is(#field_1_10, #field_5_10, #field_6_10, #field_4_10),
:is(#field_1_15, #field_5_15, #field_6_15, #field_4_15),
:is(#field_1_12, #field_5_12, #field_6_12, #field_4_12),
:is(#field_1_11, #field_5_11, #field_6_11, #field_4_11),
:is(#field_1_18, #field_5_18, #field_6_18, #field_4_18),
:is(#field_1_19, #field_5_19, #field_6_19, #field_4_19),
:is(#field_1_21, #field_5_21, #field_6_21, #field_4_21),
:is(#field_1_22, #field_5_22, #field_6_22, #field_4_22),
:is(#field_1_23, #field_5_23, #field_6_23, #field_4_23),
:is(#field_1_25, #field_5_25, #field_6_25, #field_4_25),
:is(#field_1_26, #field_5_26, #field_6_26, #field_4_26),
:is(#field_1_28, #field_5_28, #field_6_28, #field_4_28),
:is(#field_1_29, #field_5_29, #field_6_29, #field_4_29),
:is(#field_1_30, #field_5_30, #field_6_30, #field_4_30),
:is(#field_1_31, #field_5_31, #field_6_31, #field_4_31),
:is(#field_1_33, #field_5_33, #field_6_33, #field_4_33),
:is(#field_1_34, #field_5_34, #field_6_34, #field_4_34),
#field_4_39,
#field_4_40 {
    padding: 22px !important;
    box-sizing: border-box;

    background: var(--survey-white);
    border: 1px solid var(--survey-border);
    border-radius: var(--survey-radius);
    box-shadow: 0 5px 18px rgba(30, 15, 45, .05);
}

@media (min-width: 769px) {
    :is(#field_1_5, #field_5_5, #field_6_5, #field_4_5),
    :is(#field_1_6, #field_5_6, #field_6_6, #field_4_6),
    :is(#field_1_7, #field_5_7, #field_6_7, #field_4_7),
    :is(#field_1_9, #field_5_9, #field_6_9, #field_4_9),
    :is(#field_1_10, #field_5_10, #field_6_10, #field_4_10),
    :is(#field_1_15, #field_5_15, #field_6_15, #field_4_15),
    :is(#field_1_12, #field_5_12, #field_6_12, #field_4_12),
    :is(#field_1_11, #field_5_11, #field_6_11, #field_4_11),
    :is(#field_1_18, #field_5_18, #field_6_18, #field_4_18),
    :is(#field_1_19, #field_5_19, #field_6_19, #field_4_19),
    :is(#field_1_21, #field_5_21, #field_6_21, #field_4_21),
    :is(#field_1_22, #field_5_22, #field_6_22, #field_4_22),
    :is(#field_1_23, #field_5_23, #field_6_23, #field_4_23),
    :is(#field_1_25, #field_5_25, #field_6_25, #field_4_25),
    :is(#field_1_26, #field_5_26, #field_6_26, #field_4_26),
    :is(#field_1_28, #field_5_28, #field_6_28, #field_4_28),
    :is(#field_1_29, #field_5_29, #field_6_29, #field_4_29),
    :is(#field_1_30, #field_5_30, #field_6_30, #field_4_30),
    :is(#field_1_31, #field_5_31, #field_6_31, #field_4_31),
    :is(#field_1_33, #field_5_33, #field_6_33, #field_4_33),
    :is(#field_1_34, #field_5_34, #field_6_34, #field_4_34),
    #field_4_39,
    #field_4_40 {
        grid-column: span 6 !important;
    }
}

/* ==========================================================
   RADIO BUTTONS COMO BOTONES
   ========================================================== */

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px !important;
    margin-top: 14px !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio .gchoice {
    position: relative;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio input[type="radio"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio label {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 48px;
    min-height: 48px;

    margin: 0 !important;
    padding: 8px 10px !important;
    box-sizing: border-box;

    background: var(--survey-white);
    border: 1px solid var(--survey-border);
    border-radius: 9px;

    color: var(--survey-muted);
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2;
    text-align: center;

    cursor: pointer;
    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio label:hover {
    color: var(--survey-pink);
    background: var(--survey-pink-soft);
    border-color: var(--survey-pink);
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio input[type="radio"]:checked + label {
    color: #fff !important;

    background: linear-gradient(
        90deg,
        var(--survey-pink-dark),
        var(--survey-pink)
    ) !important;

    border-color: var(--survey-pink) !important;
    box-shadow: 0 5px 15px rgba(229, 0, 126, .20);
}

/* ==========================================================
   INGLES - RESPUESTAS LARGAS DE PSICOLOGIA
   Formulario ID 5 - Campos ID 21 y 22
   Mantiene todas las opciones de esas preguntas con la misma altura.
   ========================================================== */

#field_5_21 .gfield_radio label,
#field_5_22 .gfield_radio label {
    height: 76px !important;
    min-height: 76px !important;
    padding: 7px 9px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    font-size: 10px !important;
    line-height: 1.15 !important;
}


/* ==========================================================
   RUSO - RESPUESTAS LARGAS DE PSICOLOGIA
   Formulario ID 6 - Campos ID 21 y 22

   Las cuatro respuestas cortas ocupan una fila completa.
   La quinta respuesta ocupa media fila en la segunda linea,
   evitando comprimir el texto en una caja demasiado estrecha.
   ========================================================== */

#field_6_21 .gfield_radio,
#field_6_22 .gfield_radio {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

#field_6_21 .gfield_radio .gchoice:nth-child(-n+4),
#field_6_22 .gfield_radio .gchoice:nth-child(-n+4) {
    grid-column: span 2;
}

#field_6_21 .gfield_radio .gchoice:nth-child(5),
#field_6_22 .gfield_radio .gchoice:nth-child(5) {
    grid-column: span 4;
}

#field_6_21 .gfield_radio label,
#field_6_22 .gfield_radio label {
    height: 64px !important;
    min-height: 64px !important;
    padding: 8px 10px !important;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
    font-size: 10px !important;
    line-height: 1.2 !important;
}

/* ==========================================================
   TEXTO COORDINADORAS - ID 37
   ========================================================== */

:is(#field_1_37, #field_5_37, #field_6_37, #field_4_37) {
    grid-column: 1 / -1 !important;
    padding: 16px 18px !important;
    box-sizing: border-box;

    background: var(--survey-pink-soft);
    border-left: 4px solid var(--survey-pink);
    border-radius: 8px;

    color: var(--survey-text);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
}

:is(#field_1_37, #field_5_37, #field_6_37, #field_4_37) p {
    margin: 0 !important;
    font-weight: 400 !important;
}

:is(#field_1_37, #field_5_37, #field_6_37, #field_4_37) strong,
:is(#field_1_37, #field_5_37, #field_6_37, #field_4_37) b,
:is(#field_1_37, #field_5_37, #field_6_37, #field_4_37) em {
    font-weight: 400 !important;
}

/* ==========================================================
   MEDICO - ID 38
   Mismo ancho en los tres formularios
   ========================================================== */

:is(#field_1_38, #field_5_38, #field_6_38, #field_4_38, #field_4_38) {
    grid-column: 1 / -1 !important;
    max-width: 420px;
    margin-top: 4px;
}

/* ==========================================================
   COMENTARIOS - ID 35
   ========================================================== */

:is(#field_1_35, #field_5_35, #field_6_35, #field_4_35) {
    grid-column: 1 / -1 !important;
    margin-top: 22px;
    padding: 24px !important;
    box-sizing: border-box;

    background: var(--survey-white);
    border: 1px solid var(--survey-border);
    border-radius: var(--survey-radius);
    box-shadow: 0 5px 18px rgba(30, 15, 45, .05);
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) textarea {
    width: 100% !important;
    min-height: 160px !important;
    padding: 16px !important;
    box-sizing: border-box;

    background: var(--survey-white) !important;
    border: 1px solid var(--survey-border) !important;
    border-radius: 9px !important;

    color: var(--survey-text);
    font-family: inherit;
    font-size: 14px !important;
    line-height: 1.6;

    resize: vertical;
    box-shadow: none !important;
}

/* ==========================================================
   FOOTER DEL FORMULARIO
   Boton centrado sin bloque de fondo
   ========================================================== */

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_footer {
    display: flex !important;
    align-items: center;
    justify-content: center;

    margin: 28px 0 42px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_button,
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) input[type="submit"] {
    width: auto !important;
    min-width: 190px !important;
    min-height: 50px;

    margin: 0 !important;
    padding: 13px 30px !important;

    background: linear-gradient(
        90deg,
        var(--survey-pink-dark),
        var(--survey-pink)
    ) !important;

    border: 0 !important;
    border-radius: 8px !important;

    color: #fff !important;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;

    cursor: pointer;
    box-shadow: 0 6px 18px rgba(229, 0, 126, .22);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_button:hover,
:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 24px rgba(229, 0, 126, .30);
}

/* ==========================================================
   FRANJA INFERIOR FIVDONA
   ========================================================== */

.encuesta-footer {
    width: 100%;
    margin: 0;
    padding: 16px 20px;
    box-sizing: border-box;

    background: var(--survey-pink);
    color: #fff;

    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.encuesta-footer a {
    color: #fff !important;
    text-decoration: none;
}

/* ==========================================================
   ERRORES DE GRAVITY FORMS
   ========================================================== */

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_error {
    background: #fff8fa !important;
    border-color: #ffd5df !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .validation_message {
    margin-top: 8px !important;
    color: #c92c55 !important;
    font-size: 12px !important;
}

:is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_validation_errors {
    padding: 18px 20px !important;
    background: #fff8fa !important;
    border: 1px solid #ffd5df !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

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

@media (max-width: 1024px) and (min-width: 769px) {
    .encuesta-wrapper {
        width: calc(100% - 32px);
    }

    :is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ==========================================================
   MOVIL
   ========================================================== */

@media (max-width: 768px) {
    .encuesta-hero {
        min-height: 245px;
        padding: 42px 18px;
    }

    .encuesta-hero h1 {
        font-size: 32px;
    }

    .encuesta-hero p {
        font-size: 14px;
    }

    .encuesta-wrapper {
        width: calc(100% - 28px);
        padding: 20px 0 24px !important;
    }

    :is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_fields {
        column-gap: 0 !important;
        row-gap: 16px !important;
    }

    :is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield,
    :is(#field_1_3, #field_5_3, #field_6_3, #field_4_3, #field_4_3),
    :is(#field_1_17, #field_5_17, #field_6_17, #field_4_17, #field_4_17),
    :is(#field_1_16, #field_5_16, #field_6_16, #field_4_16, #field_4_16) {
        grid-column: 1 / -1 !important;
    }

    :is(#field_1_4, #field_5_4, #field_6_4, #field_4_4) {
        margin-top: 0 !important;
    }

    :is(#field_1_8, #field_5_8, #field_6_8, #field_4_8),
    :is(#field_1_20, #field_5_20, #field_6_20, #field_4_20),
    :is(#field_1_24, #field_5_24, #field_6_24, #field_4_24),
    :is(#field_1_32, #field_5_32, #field_6_32, #field_4_32) {
        margin-top: 22px !important;
    }

    :is(#field_1_4, #field_5_4, #field_6_4, #field_4_4),
    :is(#field_1_8, #field_5_8, #field_6_8, #field_4_8),
    :is(#field_1_20, #field_5_20, #field_6_20, #field_4_20),
    :is(#field_1_24, #field_5_24, #field_6_24, #field_4_24),
    :is(#field_1_32, #field_5_32, #field_6_32, #field_4_32) {
        padding: 15px 17px !important;
    }

    :is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px !important;
    }

    :is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio label {
        height: 46px;
        min-height: 46px;
        font-size: 10px !important;
    }

    :is(#field_1_38, #field_5_38, #field_6_38, #field_4_38, #field_4_38) {
        max-width: none;
    }

    :is(#field_1_35, #field_5_35, #field_6_35, #field_4_35) {
        padding: 18px !important;
    }

    :is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gform_button,
    :is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) input[type="submit"] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .encuesta-footer {
        padding: 14px 16px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    #field_6_21 .gfield_radio,
    #field_6_22 .gfield_radio {
        grid-template-columns: 1fr 1fr !important;
    }

    #field_6_21 .gfield_radio .gchoice,
    #field_6_22 .gfield_radio .gchoice,
    #field_6_21 .gfield_radio .gchoice:nth-child(-n+4),
    #field_6_22 .gfield_radio .gchoice:nth-child(-n+4),
    #field_6_21 .gfield_radio .gchoice:nth-child(5),
    #field_6_22 .gfield_radio .gchoice:nth-child(5) {
        grid-column: auto !important;
    }

    #field_6_21 .gfield_radio .gchoice:nth-child(5),
    #field_6_22 .gfield_radio .gchoice:nth-child(5) {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 430px) {
    :is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio {
        grid-template-columns: 1fr;
    }

    :is(#gform_wrapper_1, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_4) .gfield_radio label {
        justify-content: flex-start;
        height: auto;
        min-height: 46px;
        padding: 11px 14px !important;
        text-align: left;
    }
}