/* NECESITAS AYUDA */
.cont_fondo_necesitas_ayuda{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .5); 
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    margin-left: 200%;
    opacity: 0;
}
    .cont_necesitas_ayuda{
        width: 100%;
        height: calc(100% - 6em);
        max-width: 55em;
        max-height: 36.5em;
        background-color: white;
        border-radius: 1em;
        padding: 2em;
        box-shadow: 0 0 1em 1px rgba(0, 0, 0, .5),
        0 0 1em 5px var(--color_principal_3) inset;
        position: relative;
        margin: 1em;
    }
    .cont_necesitas_ayuda_contenedor{
        width: 100%;
        height: 100%;
        overflow-y: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #body.select_modo_noche .cont_necesitas_ayuda{
        background-color: var(--fondo_noche);
        box-shadow: 0 0 1em 1px rgba(255, 255, 255, .05),
        0 0 1em 5px var(--color_principal_3) inset;
    }
        /* <!-- DIV IZQUIERDA --> */
        .cont_necesitas_ayuda__cont_izquierda{
            width: calc(100% - 30.2em);
            display: flex;
            flex-direction: column;
            justify-content: space-between !important;
            box-shadow: none !important;
            padding: 1em;
            overflow: hidden;
        }
            .cont_izquierda_superior{
                display: flex;
                color: black;
                flex-direction: column;
            }
            #body.select_modo_noche .cont_izquierda_superior{
                color: white;
            }
                .cont_izquierda_superior__titulo{
                    text-align: center;
                    font-size: 2em;
                    font-weight: 700;
                }
                .cont_izquierda_superior__descripcion{
                    font-weight: 100;
                    margin-bottom: 2em;
                    margin-top: .5em;
                    text-align: center;
                }
                .cont_izquierda_superior__medio_contacto{
                    display: flex;
                    flex-direction: column;
                }
                    .cont_izquierda_superior__medio_contacto_datos{
                        display: flex;
                        align-items: center;
                        margin-top: 1em;
                        font-weight: 100;
                    }
                    .cont_izquierda_superior__medio_contacto .icon{
                        margin-right: .5em;
                    }

            .cont_necesitas_ayuda__opcion{
                display: flex;
                box-shadow: none !important;
                padding: 0 !important;
            }
                .cont_necesitas_ayuda__opcion .icon{
                    color: black !important;
                    margin-right: .5em;
                    background-color: rgba(0, 0, 0, .05);
                    width: 2em;
                    height: 2em;
                    border-radius: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: background-color .4s;
                    cursor: pointer;
                }
                #body.select_modo_noche .cont_necesitas_ayuda__opcion .icon{
                    color: white !important;
                    background-color: rgba(255, 255, 255, .05);
                }
                .cont_necesitas_ayuda__opcion .icon:hover{
                    background-color: rgba(0, 0, 0, .1);
                }
                #body.select_modo_noche .cont_necesitas_ayuda__opcion .icon:hover{
                    background-color: rgba(255, 255, 255, .1);
                }
        /* <!-- FORMULARIO --> */
        .cont_necesitas_ayuda__formulario_consulta{
            box-shadow: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 1px solid var(--color_principal);
            border-radius: .7em;
            background: var(--color_principal_3);
            padding: 1.5em !important;
            overflow: hidden;
            width: 100%;
            max-width: 25em;
            height: calc(100% - 3.2em);
        }
            .formulario_consulta_titulo{
                margin-bottom: .5em;
                color: rgba(17, 17, 17, 1);
                width: 100%;
            }
            #body.select_modo_noche .formulario_consulta_titulo{
                color: white;
            }
            .formulario_consulta_input{
                border:none;
                outline: none;
                background-color: var(--color_principal_3);
                padding: 1em 1.5em;
                border-radius: .7em;
                margin-bottom: 1em;
                resize: none;
                width: calc(100% - 3em);
                font-family: inherit;
            }
            
            #body.select_modo_noche .formulario_consulta_input{
                color: white;
            }
            #btn_enviar_consulta{
                cursor: pointer;
                width: calc(100% - 1em) !important;
                background-color: var(--color_principal);
                padding: .7em .5em;
                text-align: center;
                border-radius: .7em;
                border: 1px;
                border-style: dashed;
                border-color: transparent;
                transition: border-color .4s;
                margin-top: .5em;

            }
            #body.select_modo_noche #btn_enviar_consulta{
                color: black;
            }
            #btn_enviar_consulta:hover{
                border-color: black;
            }