#contactanos-container-mbanner {
            background: #F4F4F4;
            background: linear-gradient(90deg, rgba(244, 244, 244, 1) 0%, rgba(224, 224, 224, 1) 100%);
            padding: 3rem;
            margin: 4rem auto;
        }

        #contactanos-container-mbanner h2 {
            color: var(--principal) !important;
            font-size: 48px;
            line-height: 56px;
            font-family: Font-Semibold;
            padding-bottom: 2rem;

        }

        #contactanos-container-mbanner .img-container-mini-banner {
            width: 45%;
            max-width: 34rem;
        }

        #contactanos-container-mbanner .text-container-mini-banner {
            width: 50%;
            max-width: 36.75rem;
        }

        .container-text-title-contact {
            max-width: 44.4rem;
            display: flex;
            flex-direction: column;
            gap: 2rem;

        }

        @media (max-width: 1024px) {


            #contactanos-container-mbanner h2 {
                font-size: 32px;
                line-height: 48px;
            }

            #contactanos-container-mbanner .text-container-mini-banner {

                max-width: 30rem;
            }

            #contactanos-container-mbanner {
                padding: 2.5rem;
                margin: 6rem auto;
            }
        }

        @media (max-width: 991px) {

            #contactanos-container-mbanner {
                padding: 2.5rem;
                margin: 4rem auto 6rem auto;
            }

            #contactanos-container-mbanner p {
                text-align: center;
            }

            #contactanos-container-mbanner .text-container-mini-banner {
                width: 90%;
                max-width: 28.5rem;
            }

            #contactanos-container-mbanner .btn-conoce-mas {
                display: flex;
                justify-content: center;
                margin-top: 2rem;
            }




            #soluciones_section-container-mbanner {
                padding: 2.5rem;
                margin: 4rem auto 6rem auto;
            }

            #accordion-contact .accordion-title {
                font-size: 22px;
                line-height: 32px;
            }


        }







        @media (max-width: 768px) {


            #contactanos-container-mbanner h2 {
                font-size: 22px;
                line-height: 38px;
            }

            #contactanos-container-mbanner {
                padding: 1.5rem;
                margin: 6rem auto;
            }

            #contactanos-container-mbanner .img-container-mini-banner {
                width: 90%;
                max-width: 21.87rem;
            }

            #accordion-contact .title {
                font-size: 26px;
                line-height: 36px;
            }

            #accordion-contact .accordion-title {
                font-size: 20px;
                line-height: 28px;
            }

        }

       

        /*****Formulario******/
        .container-form {
            display: grid;
            grid-template-columns: 50% 40%;
            justify-content: space-between;
            padding: 4rem 0 6rem 0;
        }

        .contact-text {
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: center;
            text-align: center;
            padding-bottom: 3rem;
        }

        .contact-text h5 {
            text-transform: uppercase;
            margin-top: 2rem;
            margin-bottom: 0.5rem;
        }




        .container-form h2 {
            padding-bottom: 5rem;
            text-align: center;
            max-width: 510px;
            justify-self: center;
        }

        .form-1 {
            display: grid;
            grid-template-columns: 48% 48%;
            justify-content: space-between;
            row-gap: 1rem
        }

        .form-2 {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .form-2 span {
            display: flex;
            flex-direction: column;
            margin-top: 1rem;
        }

        input[type="text"],
        input[type="tel"],
        input[type="email"],
        select,
        textarea {
            width: 100%;
            font-size: 20px;
            font-family: Font-Regular;
            padding: 5px 2px;
            border: 1px solid #636569;
            color: #636569;
            border-radius: 5px;
            /* margin-bottom: 2.8rem; */
            margin-top: 0.5rem;
            text-align: start;
        }

        label {
            padding: 0;
            color: #636569;
            font-family: Font-Regular;
            font-size: 20px;
        }

        /****boton***/
        .div-btn-submit {
            display: flex;

        }

        .btn-submit-custom {
            background:url('../iconos/arrow_cta.svg') no-repeat right 20px center,
                linear-gradient(to right, #ffffff 50%, #0056B4 50%);

            background-size: 18px, 200% 100%;
            background-position: right 40px center, right bottom;

            color: #ffffff;
            border: 1px solid #0056B4;
            border-radius: 40px;
            padding: 12px 70px 12px 40px;
            /* espacio para la flecha */
            font-size: 20px;
            font-family: Font-Medium;
            cursor: pointer;

            transition: all 0.3s ease;
            margin-top: 1rem;
        }

        /* Hover fondo blanco */
        .btn-submit-custom:hover {
            background:
                url('../iconos/arrow-blue.svg') no-repeat right 20px center,
                linear-gradient(to right, #ffffff 50%, #0056B4 50%);

            background-size: 18px, 200% 100%;
            background-position: right 40px center, left bottom;

            color: #0056B4;
        }

        /****/

        .container-img-form img {
            border-radius: 16px;
            object-fit: cover;
        }

        @media (max-width: 1440px) {
            .container-form {
                grid-template-columns: 55% 40%;
            }

            /* form {
                display: grid;
                grid-template-columns: 49% 49%;
            } */
        }

        @media (max-width: 1250px) {
            .form-1 {
                grid-template-columns: 1fr;
            }

            .container-form {
                grid-template-columns: 1fr 1fr;
                column-gap: 2rem;
            }

            .container-img-form {
                max-height: 700px;
            }
        }

        @media (max-width: 1024px) {
            .container-form {
                grid-template-columns: 1fr;
            }

            .form-1 {
                grid-template-columns: 1fr 1fr;
                column-gap: 1rem;
            }

            .container-img-form {
                max-height: 480px;
                margin-top: 3rem;
            }

            .btn-submit-custom {
                font-size: 18px;
            }

        }

        @media (max-width: 991px) {
            .contact-text p {
                font-size: 16px;
                line-height: 24px;
            }

            .contact-text h5 {
                font-size: 20px;
                line-height: 24px;
                text-align: center;
            }

            .contact-text p {
                text-align: center;
            }

            input[type="text"],
            input[type="tel"],
            input[type="email"],
            select,
            textarea {
                font-size: 16px;
                margin-bottom: 0.9rem;
                margin-top: 0.4rem;
            }

            label {
                font-size: 16px;
            }
        }



        @media (max-width: 680px) {
            .contact-text h5 {
                text-align: center;
            }

            .contact-text {
                flex-direction: column;
            }

            form {
                grid-template-columns: 1fr;
            }

            .form-1 {
                grid-template-columns: 1fr;
                column-gap: 1rem;
            }

            label {
                font-size: 14px;
            }

            .alert {
                margin-bottom: 0;
            }

            .btn-submit-custom {
                font-size: 14px;
            }
        }
        /*****contacto******/

        .alert {
  font-size: 14px;
  margin: 0;
  padding: 0;
  /* margin-bottom: 2.8rem; */
  font-family: Font-Regular;
}


.alert.error {
  color: #e74c3c;
  
  /* margin-bottom: 8px; */
}

.alert.success {
  color: #27ae60;
   /* margin-bottom: 8px; */
}

input.error, textarea.error {
  border: 2px solid #e74c3c;
}

input.success, textarea.success {
  border: 2px solid #27ae60;
}