.elementor-24795 .elementor-element.elementor-element-a9d61de{--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 *//* ================= ESCALA DE CARITAS (LIKERT) ================= */
.likert .wpcf7-radio,
.likert .wpcf7-list-items {
    display: grid !important;
    grid-template-columns: repeat(6, 70px) !important;
    justify-content: start !important;     /* ⬅️ Alineado a la IZQUIERDA */
    align-items: center !important;
    gap: 12px !important;
    width: auto !important;
    margin: 15px 0 10px !important;
    padding: 0 !important;
    list-style: none !important;
}

.likert .wpcf7-list-item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    text-align: center !important;
}

.likert .wpcf7-list-item label {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    width: 100% !important;
    height: 100% !important;
}

/* Input oculto pero clickeable */
.likert input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* El círculo de la cara (5 primeras) */
.likert .wpcf7-list-item .wpcf7-list-item-label {
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    display: block !important;
    cursor: pointer !important;
    position: relative !important;
    font-size: 0 !important;
    border: 4px solid !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    margin: 0 auto !important;
}

/* COLORES (solo 5 primeras) */
.likert .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label { background: #ef1717 !important; border-color: #b80000 !important; }
.likert .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label { background: #f47721 !important; border-color: #d94f00 !important; }
.likert .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label { background: #ffd31a !important; border-color: #e9b900 !important; }
.likert .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label { background: #38df16 !important; border-color: #16ad00 !important; }
.likert .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label { background: #10ad27 !important; border-color: #087c18 !important; }

/* 6ª CARA (No procede) → círculo blanco con borde negro */
.likert .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label {
    background: #ffffff !important;
    border-color: #17243a !important;
    width: 70px !important;
    height: 70px !important;
}

/* OJOS (solo 5 primeras) */
.likert .wpcf7-list-item:nth-child(-n+5) .wpcf7-list-item-label::before {
    content: "" !important;
    position: absolute !important;
    top: 21px !important;
    left: 19px !important;
    width: 5px !important;
    height: 10px !important;
    background: #17243a !important;
    border-radius: 3px !important;
    box-shadow: 26px 0 0 #17243a !important;
}

/* OJOS 6ª cara (No procede) → también con ojos */
.likert .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label::before {
    content: "" !important;
    position: absolute !important;
    top: 21px !important;
    left: 19px !important;
    width: 5px !important;
    height: 10px !important;
    background: #17243a !important;
    border-radius: 3px !important;
    box-shadow: 26px 0 0 #17243a !important;
}

/* BOCA base */
.likert .wpcf7-list-item:nth-child(-n+5) .wpcf7-list-item-label::after {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 40px !important;
    width: 34px !important;
    height: 13px !important;
    border-bottom: 4px solid #17243a !important;
    border-radius: 0 0 50% 50% !important;
}

/* BOCA 6ª cara (No procede) → sonrisa neutra */
.likert .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label::after {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 40px !important;
    width: 34px !important;
    height: 13px !important;
    border-bottom: 4px solid #17243a !important;
    border-radius: 0 0 50% 50% !important;
}

/* CARA 1 - TRISTE */
.likert .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::after {
    border-bottom: 0 !important;
    border-top: 4px solid #17243a !important;
    border-radius: 50% 50% 0 0 !important;
    top: 46px !important;
    height: 13px !important;
}

/* CARA 2 - ALGO TRISTE */
.likert .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::after {
    border-radius: 50% !important;
    transform: rotate(180deg) !important;
}

/* CARA 3 - NEUTRAL */
.likert .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::after {
    border: 0 !important;
    height: 4px !important;
    background: #17243a !important;
    top: 46px !important;
    border-radius: 0 !important;
    width: 34px !important;
}

/* CARA 4 - SONRISA */
.likert .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::after {
    border-bottom-width: 4px !important;
}

/* CARA 5 - GRAN SONRISA */
.likert .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label::after {
    height: 17px !important;
    border-bottom-width: 4px !important;
}

/* SELECCIONADO */
.likert input[type="radio"]:checked + .wpcf7-list-item-label {
    transform: scale(1.12) !important;
    box-shadow: 0 0 0 5px rgba(75, 71, 130, .25) !important;
}

/* HOVER */
.likert .wpcf7-list-item-label:hover {
    transform: scale(1.08) !important;
}

/* ================= BARRA DEBAJO ================= */
.likert-escala {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 5px 0 15px !important;
    width: 100% !important;
    max-width: 500px !important;
}

.likert-escala > span {
    font-size: 32px !important;
    color: #168b25 !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

.likert-escala .barra {
    height: 10px !important;
    flex: 1 !important;
    border-radius: 10px !important;
    background: linear-gradient(
        to right,
        #d60000 0%, #d60000 20%,
        #ff7900 20%, #ff7900 40%,
        #ffd000 40%, #ffd000 60%,
        #25d414 60%, #25d414 80%,
        #087c18 80%, #087c18 100%
    ) !important;
}

/* ================= DESCRIPCIÓN ================= */
.likert-descripcion {
    font-size: 13px !important;
    line-height: 2 !important;
    margin-bottom: 15px !important;
}

.likert-descripcion > div {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.mini-cara {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

.cara-1 { background: #ef1717 !important; }
.cara-2 { background: #f47721 !important; }
.cara-3 { background: #ffd31a !important; }
.cara-4 { background: #38df16 !important; }
.cara-5 { background: #10ad27 !important; }

/* ================= MÓVIL ================= */
@media (max-width: 600px) {
    .likert .wpcf7-radio,
    .likert .wpcf7-list-items {
        grid-template-columns: repeat(6, 52px) !important;
        gap: 6px !important;
    }
    .likert .wpcf7-list-item {
        width: 52px !important;
        height: 52px !important;
    }
    .likert .wpcf7-list-item-label {
        width: 52px !important;
        height: 52px !important;
        border-width: 3px !important;
    }
    .likert .wpcf7-list-item-label::before {
        top: 15px !important;
        left: 13px !important;
        width: 4px !important;
        height: 8px !important;
        box-shadow: 20px 0 0 #17243a !important;
    }
    .likert .wpcf7-list-item-label::after {
        left: 13px !important;
        top: 30px !important;
        width: 26px !important;
        height: 10px !important;
    }
    .likert .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::after {
        top: 34px !important;
    }
    .likert .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::after {
        top: 34px !important;
        width: 26px !important;
    }
    .likert .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label::after {
        height: 13px !important;
    }
    .encuesta-completa h2 {
        font-size: 20px !important;
    }
}/* End custom CSS */