:root {
    --color-primario: #0c1344;
    --color-RadiusFont: rgb(255, 255, 255);
    --color-BlackRadius: rgb(0, 0, 0);
    --color-Sombras: rgb(0, 0, 0);
    font-family: "Poppins", sans-serif !important;
}

/* a {
    color: var(--color-primario) !important;
} */

.card {
    text-align: justify
}

.btn.btn-link.collapsed {
    padding: 0.75em 3rem;
    margin: 0;

}

/* --------------------------------------- Consultas Preguntas -------------------------------------- */
.Seccion1 {
    display: block;
}

.Contenedor_Preguntas {
    display: block;
    padding: 25px 170px 0px 170px;
}

.Contendor_Acordion {
    overflow-y: auto;
    height: 80vh;
    width: 100%;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}

.Contenendor_Boton {
    display: flex;
    bottom: 25px;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.botton_support {
    border: 0px;
    box-shadow: 0px 0px 5px black;
    border-radius: 25px;
    font-family: "Poppins", sans-serif !important;
    color: var(--color-primario);
    padding: 5px 14px 5px 14px;
    font-size: 13px;
    font-weight: bold;
    background-color: white;
}

.Icono_Suppport {
    font-size: 20px;
    padding: 5px;
    font-weight: bold;
}

/* .questionContainer {
    background: #ffffff;
    box-shadow: 0px 0px 20px black;
    border-radius: 25px;
    margin: 1vh auto ;
    display: flex;
} */

.questionsContainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 90vh 10vh;
    justify-content: center;
    margin: 0 5vw;
}

.titleQuestionsFrequently {
    font-size: 20px;
    width: 100%;
}

.titleQuestionsFrequently h1 {
    color: rgb(137, 28, 86);
    border-bottom: 2px solid gainsboro;
    padding: 20px 0px 8px 20px;
}


.questionsContainer-section1 {
    background: #ffffff;
    padding: 1vw 2vh;
    /* width: 100%; */
    box-shadow: 0px 0px 20px black;
    border-radius: 25px;
    margin: 2vw 2vh;
    display: flow-root;
    overflow: hidden;

}

.questionsButtonsContanier {
    display: flex;
    justify-content: center;
    align-items: center;
}

.questionsButtonsContanier a {
    position: fixed;
    top: 95vh;
    left: 4vw;
}

.questionTitle button{
    font-size: calc(100vw/90);
    text-wrap: wrap;
    text-align: left;
}

@media screen and (min-width: 0) and (max-width: 1023px){

    .questionTitle button{
        font-size: calc(100vw/35);
        text-wrap: wrap;
    }

}



/* -------------------------------------- Formulario ------------------------------------------------ */

.Seccion2 {
    display: none;
    /* Accion */
}

.Content_Formulario {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}

.Content_Titulo {
    display: flex;
    justify-content: center;
}

.Titulo {
    font-family: "Poppins", sans-serif !important;
    color: var(--color-primario);
    font-size: 25px;
    font-weight: 800;
}

.Content_Radius {
    display: flex;
    justify-content: center;
    padding: 12px 0px 12px 0px;
}

.label_radiusDistin {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Poppins", sans-serif !important;
    color: var(--color-primario);
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding-right: 20px;
}

.label_radius {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Poppins", sans-serif !important;
    color: var(--color-primario);
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.Radius_input {
    display: none;
}

.Radion {
    height: 20px;
    width: 20px;
    background-color: var(--color-RadiusFont);
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0 0 5px var(--color-Sombras);
    cursor: pointer;
    position: relative;
}

.Radion::after {
    content: '';
    position: absolute;
    height: 14px;
    width: 14px;
    background-color: var(--color-primario);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

input:checked+label .Radion::after {
    opacity: 1;
}

input:checked+label {
    font-weight: 700;
}

.Content_InputDatos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px 12px 0px;
    width: 90%;
}

input:placeholder-shown {
    padding-left: 20px;
    padding-right: 20px;
    color: dimgrey;
    font-weight: 800;
    font-family: "Poppins", sans-serif !important;
}

.Label_Datos {
    font-family: "Poppins", sans-serif !important;
    color: rgb(140, 31, 91);
    font-size: 14px;
    font-weight: bold;
}

.Inputs_datos {
    width: 70%;
    border-radius: 25px;
    border: 0px solid;
    padding: 6px;
    box-shadow: 2px 2px 5px var(--color-Sombras);
}

.Content_Areatext {
    background: white;
    border-radius: 25px;
    padding: 0px 0px 28px 0px;
    margin: 0px 0px 20px 0px;
    box-shadow: 2px 2px 5px var(--color-Sombras);
    width: 90%;
}

.Content_TituloArea {
    display: flex;
    justify-content: center;
    align-items: center;
}

.TituloArea {
    font-family: "Poppins", sans-serif !important;
    color: var(--color-primario);
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0px 8px 0px;
    text-align: center;
}

.Internal_Area {
    display: flex;
    justify-content: center;
}

textarea {
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 1px solid;
}

textarea:placeholder-shown {
    padding-left: 20px;
    padding-right: 20px;
    color: dimgrey;
    font-weight: 800;
    font-family: "Poppins", sans-serif !important;
}

.ContBottn_Enviar {
    display: flex;
    bottom: 25px;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.BottonEnviar {
    border: 0px;
    box-shadow: 0px 0px 5px black;
    border-radius: 25px;
    font-family: "Poppins", sans-serif !important;
    color: rgb(140, 31, 91);
    padding: 5px 14px 5px 14px;
    font-size: 13px;
    font-weight: bold;
    background-color: white;
    display: flex;
    align-items: center;
}

.Icono_Enviar {
    font-size: 20px;
    padding: 5px;
    font-weight: bold;
}

.Botton_regresar {
    display: flex;
    position: fixed;
    left: 20px;
    bottom: 20px;
}

.Internal_Area textarea{
    width: 100%;
    height: 40vh;
}