#container {
    background-color: white;
    margin: 0;
    margin-bottom: 60px;
}
#white{
    color: white;
    background: white;
    border: none;
    height: 50px;
    margin: 0px; 
}
#title{
    background-color: white;
    font-family: "Arsenal SC", system-ui;
    margin-top: 4px;
    text-align: center;
    font-size: 45px;
    margin-left: 0;
    margin-right: 0;
}

#content {
    background-color: rgb(230, 230, 230); /* Fondo gris */

    border-radius: 5px;
    margin-bottom: 0px;

    display: flex; /* Flexbox dentro del contenedor */
    justify-content: space-between; /* Espacio entre los elementos */
    align-items: center; /* Centra verticalmente los elementos hijos */
    height: 80%; /* Tamaño limitado: 80% de la altura de la pantalla */
    width: 80%; /* Define el ancho del contenedor al 50% de la pantalla */
    margin: 0 auto; /* Centra el contenedor horizontalmente */
}

#segment_1 {
    font-family: "Arsenal SC", system-ui;
    font-size: 27px;
    text-align: left;
    flex: 1; /* Asegura que ocupe el 50% del espacio */
    padding: 10px;
}

.text_1 {
    margin-top: 20px; /* Mueve el texto hacia abajo */
    margin-left: 20px;
}

#faq-img {
    flex: 1; /* Asegura que ocupe el 50% del espacio restante */
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;/* Añade un espacio entre la imagen y el borde del contenedor */
    overflow: hidden; /* Para evitar que la imagen se desborde */
}

#faq_1 {
    width: 80%;
    height: 80%; /* Ajusta la imagen al 100% del ancho disponible */
    height: auto; /* Mantiene la proporción de la imagen */
    object-fit: cover; /* Ajusta la imagen al contenedor sin distorsionarla */
    border-radius: 5px;
    box-shadow: 0px 0px 0px 10px rgb(240, 240, 240);
    margin-left: 20px;
}

@media (max-width: 1024px) {

    #content {
    background-color: rgb(230, 230, 230); /* Fondo gris */

    border-radius: 5px;
    margin-bottom: 0px;

    display: flex; /* Flexbox dentro del contenedor */
    justify-content: space-between; /* Espacio entre los elementos */
    align-items: center; /* Centra verticalmente los elementos hijos */
    height: 80%; /* Tamaño limitado: 80% de la altura de la pantalla */
    width: 90%; /* Define el ancho del contenedor al 50% de la pantalla */
    margin: 0 auto; /* Centra el contenedor horizontalmente */
    }

    #title{
    background-color: white;
    font-family: "Arsenal SC", system-ui;
    margin-top: 4px;
    text-align: center;
    font-size: 35px;
    margin-left: 0;
    margin-right: 0;
    }

    .text_1 {
    margin-top: 20px; /* Mueve el texto hacia abajo */
    margin-left: 20px;
    font-size: 21px;
    }

    #faq_1 {
    width: 80%;
    height: 80%; /* Ajusta la imagen al 100% del ancho disponible */
    height: auto; /* Mantiene la proporción de la imagen */
    object-fit: cover; /* Ajusta la imagen al contenedor sin distorsionarla */
    border-radius: 5px;
    box-shadow: 0px 0px 0px 10px rgb(240, 240, 240);
    }


    .faqImg{
        display: none;
    }

    .segment_1Faq {
    font-family: "Arsenal SC", system-ui;
    font-size: 27px;
    text-align: left;
    flex: 2; /* Asegura que ocupe el 50% del espacio */
    padding: 10px;
    }

    #segment_1.segment-1Faq {
    font-family: "Arsenal SC", system-ui;
    font-size: 27px;
    text-align: left;
    flex: 6; /* Asegura que ocupe el 50% del espacio */
    padding: 10px;
    }
}
@media (max-width: 560px) {
    #faq-img {
        display: none;
    }
}
 @media (max-width: 460px) {
    #title{
        font-size: 27px;
    }
    .text_1 {
     font-size: 14px;
     padding-right: 20px;
    }
    #segment_1.segment-1Faq {
    font-size: 25px;
    padding: 2px;
    }
}