/* Estilos específicos para dispositivos celulares */
@media (max-width: 767px) {
    .preguntas-frecuentes-content {
        background: linear-gradient(180deg,
                rgba(253, 237, 204, 1) 0%,
                rgba(253, 237, 204, 1) 1%,
                rgba(255, 255, 255, 1) 6%,
                rgba(255, 255, 255, 1) 100%);
        flex-shrink: 0;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .preguntas-frecuentes-title {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 1vw;
        margin-bottom: 10vw;
    }

    .preguntas-frecuentes-title-text {
        color: #00112d;
        text-align: center;
        font-size: 12vw;
        font-weight: 600;
        position: relative;
    }

    .preguntas-frecuentes-title-img {
        position: relative;
        width: 43.5vw;
        height: 32.5vw;
    }

    .faq-container {
        width: 86%;
        margin: 0 auto;
        margin-bottom: 4vw;
    }

    .faq-container-tittle {
        color: #101011;
        text-align: left;
        font-size: 6.75vw;
        line-height: 130%;
        font-weight: 500;
        position: relative;
        width: 67.25vw;
    }

    .faq-item {
        background: #fbfbfb;
        border-radius: 10px;
        border-style: solid;
        border-color: transparent;
        border-width: 0px 0px 1px 0px;
        margin: 3vw 0;
        padding: 24px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .faq-question {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        width: 90%;
    }

    .faq-question span {
        color: #101011;
        text-align: left;
        font-size: 4.5vw;
        line-height: 140%;
        font-weight: 600;
        position: relative;
        width: 63.25vw;
    }

    .faq-icon {
        opacity: 0.5;
        flex-shrink: 0;
        width: 6vw;
        height: 6vw;
        position: relative;
        overflow: visible;
        left: 4vw;
    }

    .faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0 5px;
        font-size: 14px;
        background-color: #f9f9f9;
        color: #444644;
        text-align: left;
        font-size: 4.5vw;
        line-height: 140%;
        font-weight: 400;
    }

    .faq-answer p {
        padding: 15px 0;
    }

    .faq-formulario-container {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 10vw;
        margin-top: 17vw;
        margin-bottom: 20vw;
    }

    .faq-formulario-container-bloque-izquierdo {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 8vw;
        margin-top: 1vw;
    }

    .faq-formulario-container-bloque-derecho {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }

    .heading-contacto-principal {
        text-align: center;
        font-size: 6vw;
        font-weight: 500;
        line-height: 130%;
        position: relative;
        width: 100%;
    }

    .heading-contacto-principal .media {
        display: none;
    }

    .heading-span-contacto-principal {
        color: #101011;
        font-size: 6vw;
        font-weight: 500;
        line-height: 130%;
    }

    .heading-span2-contacto-principal {
        color: #c6d54f;
        font-size: 6vw;
        font-weight: 500;
        line-height: 130%;
    }

    .heading-span3-contacto-principal {
        color: #101011;
        font-size: 6vw;
        font-weight: 500;
        line-height: 130%;
    }

    .faq-formulario-img {
        width: 39.25vw;
        height: 47vw;
        position: relative;
        overflow: visible;
    }

    .faq-formulario-tittle {
        color: #c6d54f;
        text-align: center;
        font-size: 4.25vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
    }
    
    .faq-formulario-content3 {
        width: 100%;
        padding: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .faq-formulario-rectangle {
        background: #ffffff;
        width: 100%;
        padding: 10% 6% 10% 6%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .faq-formulario-description2 {
        display: none;
    }
    
    .contacto-note {
        width: 70%;
        position: relative;
        text-align: center;
    }

    .description-span-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 700;
    }

    .description-span2-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    .description-span3-contacto-principal {
        color: #9cb445;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    .description-span4-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }
}

/* Estilos específicos para dispositivos tablets */
@media (min-width: 768px) and (max-width: 1023px) {
    .preguntas-frecuentes-content {
        background: linear-gradient(180deg,
                rgba(253, 237, 204, 1) 0%,
                rgba(253, 237, 204, 1) 1%,
                rgba(255, 255, 255, 1) 6%,
                rgba(255, 255, 255, 1) 100%);
        flex-shrink: 0;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .preguntas-frecuentes-title {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 1vw;
        margin-bottom: 10vw;
    }

    .preguntas-frecuentes-title-text {
        color: #00112d;
        text-align: center;
        font-size: 12vw;
        font-weight: 600;
        position: relative;
    }

    .preguntas-frecuentes-title-img {
        position: relative;
        width: 43.5vw;
        height: 32.5vw;
    }

    .faq-container {
        width: 86%;
        margin: 0 auto;
        margin-bottom: 4vw;
    }

    .faq-container-tittle {
        color: #101011;
        text-align: left;
        font-size: 6.75vw;
        line-height: 130%;
        font-weight: 500;
        position: relative;
        width: 67.25vw;
    }

    .faq-item {
        background: #fbfbfb;
        border-radius: 10px;
        border-style: solid;
        border-color: transparent;
        border-width: 0px 0px 1px 0px;
        margin: 3vw 0;
        padding: 24px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .faq-question {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        width: 90%;
    }

    .faq-question span {
        color: #101011;
        text-align: left;
        font-size: 4.5vw;
        line-height: 140%;
        font-weight: 600;
        position: relative;
        width: 63.25vw;
    }

    .faq-icon {
        opacity: 0.5;
        flex-shrink: 0;
        width: 6vw;
        height: 6vw;
        position: relative;
        overflow: visible;
        left: 4vw;
    }

    .faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0 5px;
        font-size: 14px;
        background-color: #f9f9f9;
        color: #444644;
        text-align: left;
        font-size: 4.5vw;
        line-height: 140%;
        font-weight: 400;
    }

    .faq-answer p {
        padding: 15px 0;
    }

    .faq-formulario-container {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 10vw;
        margin-top: 17vw;
        margin-bottom: 20vw;
    }

    .faq-formulario-container-bloque-izquierdo {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 8vw;
        margin-top: 1vw;
    }

    .faq-formulario-container-bloque-derecho {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }

    .heading-contacto-principal {
        text-align: center;
        font-size: 6vw;
        font-weight: 500;
        line-height: 130%;
        position: relative;
        width: 100%;
    }

    .heading-contacto-principal span {
        display: none;
    }

    .heading-contacto-principal .media {
        display: initial;
    }

    .heading-span-contacto-principal {
        color: #101011;
        font-size: 6vw;
        font-weight: 500;
        line-height: 130%;
    }

    .heading-span2-contacto-principal {
        color: #c6d54f;
        font-size: 6vw;
        font-weight: 500;
        line-height: 130%;
    }

    .heading-span3-contacto-principal {
        color: #101011;
        font-size: 6vw;
        font-weight: 500;
        line-height: 130%;
    }

    .faq-formulario-img {
        width: 39.25vw;
        height: 47vw;
        position: relative;
        overflow: visible;
    }

    .faq-formulario-tittle {
        color: #c6d54f;
        text-align: center;
        font-size: 4.25vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
    }
    
    .faq-formulario-content3 {
        width: 100%;
        padding: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .faq-formulario-rectangle {
        overflow: hidden;
        width: 100%;
        padding: 60% 6% 50% 6%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: relative;
    }
    
    .faq-formulario-description2 {
        display: none;
    }
    
    .contacto-note {
        width: 70%;
        position: relative;
        text-align: center;
        margin-top: 5vw;
    }

    .description-span-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 700;
    }

    .description-span2-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    .description-span3-contacto-principal {
        color: #9cb445;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }

    .description-span4-contacto-principal {
        color: #808584;
        font-size: 3vw;
        line-height: 110%;
        font-weight: 400;
    }
}

/* Estilos específicos para dispositivos de escritorio */
@media (min-width: 1024px) {
    .preguntas-frecuentes-content {
        background: linear-gradient(180deg,
                rgba(253, 237, 204, 1) 0%,
                rgba(253, 237, 204, 1) 2%,
                rgba(255, 255, 255, 1) 10%,
                rgba(255, 255, 255, 1) 100%);
        flex-shrink: 0;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .preguntas-frecuentes-title {
        width: 56%;
        height: 18.938vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: start;
        column-gap: 0vw;
        margin-top: 3vw;
        margin-bottom: 4vw;
        margin-left: 2.2vw;
    }

    .preguntas-frecuentes-title-text {
        color: #00112d;
        text-align: left;
        font-size: 4.063vw;
        line-height: 110%;
        font-weight: 600;
        position: relative;
        width: 30vw;
        top: 1vw;
    }

    .preguntas-frecuentes-title-img {
        position: relative;
        width: 71.34%;
        height: 78.89%;
    }

    .faq-container {
        width: 56%;
        margin: 0 auto;
        margin-bottom: 4vw;
    }

    .faq-container-tittle {
        color: #101011;
        text-align: left;
        font-size: 3vw;
        font-weight: 500;
        position: relative;
        margin-left: 1.3vw;
    }

    .faq-item {
        background: #fbfbfb;
        border-radius: 10px;
        border-style: solid;
        border-color: transparent;
        border-width: 0px 0px 1px 0px;
        margin: 0.7vw 0;
        padding: 24px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .faq-question {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        font-size: 16px;
        width: 90%;
    }

    .faq-question span {
        color: #101011;
        text-align: left;
        font-size: 1.375vw;
        line-height: 140%;
        font-weight: 500;
        position: relative;
        width: 48.875vw;
    }

    .faq-icon {
        opacity: 0.5;
        flex-shrink: 0;
        width: 1.5vw;
        height: 1.5vw;
        position: relative;
        overflow: visible;
        left: 4vw;
    }

    .faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0 15px;
        font-size: 14px;
        background-color: #f9f9f9;
        color: #444644;
        text-align: left;
        font-size: 1.125vw;
        line-height: 160%;
        font-weight: 400;
    }

    .faq-answer p {
        padding: 15px 0;
    }

    .faq-formulario-container {
        width: 70vw;
        /* height: 57.5vw; */
        display: flex;
        flex-direction: row;
        align-items: start;
        justify-content: center;
        column-gap: 4vw;
        margin-bottom: 4vw;
        margin-top: 4vw;
    }

    .faq-formulario-container-bloque-izquierdo {
        width: 50%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        row-gap: 5vw;
        margin-top: 1vw;
    }

    .faq-formulario-container-bloque-derecho {
        width: 50%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        position: relative;
    }

    .heading-contacto-principal {
        text-align: left;
        font-size: 2.5vw;
        font-weight: 500;
        position: relative;
        width: 29.375vw;
    }

    .heading-contacto-principal .media {
        display: none;
    }

    .heading-contacto-principal-english {
        text-align: left;
        font-size: 2.5vw;
        font-weight: 500;
        position: relative;
        width: 33vw;
    }

    .heading-span-contacto-principal {
        color: #101011;
        font-size: 2.5vw;
        font-weight: 500;
    }

    .heading-span2-contacto-principal {
        color: #c6d54f;
        font-size: 2.5vw;
        font-weight: 500;
    }

    .heading-span3-contacto-principal {
        color: #101011;
        font-size: 2.5vw;
        font-weight: 500;
    }

    .faq-formulario-img {
        width: 15vw;
        height: 18vw;
        position: relative;
        overflow: visible;
    }

    .faq-formulario-tittle {
        color: #c6d54f;
        text-align: center;
        font-size: 1.6667vw;
        line-height: 140%;
        font-weight: 600;
        position: relative;
        width: 31vw;
        height: 2.4306vw;
    }
    
    .faq-formulario-content3 {
        width: 28.75vw;
        position: static;
    }

    .faq-formulario-rectangle {
        overflow: hidden;
        background: #ffffff;
        width: 27vw;
        position: relative;
        display: flex;
        padding: 0% 4%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #formPreguntasFrecuentes {
        padding: 7% 1%;
        height: fit-content;
        margin-top: 0.5vw;
        transition: transform 0.3s ease;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .faq-formulario-description2 {
        text-align: left;
        font-size: 0.9028vw;
        line-height: 140%;
        font-weight: 400;
        position: relative;
        left: 0.5vw;
    }

    .contacto-note {
        display: none;
    }
    
    .description-2-span {
        color: #808584;
        font-size: 0.9028vw;
        line-height: 140%;
        font-weight: 700;
    }
    
    .description-2-span2 {
        color: #808584;
        font-size: 0.9028vw;
        line-height: 140%;
        font-weight: 400;
    }
    
    .description-2-span3 {
        color: #9cb445;
        font-size: 0.9028vw;
        line-height: 140%;
        font-weight: 400;
    }
    
    .description-2-span4 {
        color: #808584;
        font-size: 0.9028vw;
        line-height: 140%;
        font-weight: 400;
    }
}