.containerImgContacto{
    width:100%;display: flex;
    justify-content:center;
}

.containerImgContacto img{
    width:100%;
    display:block;
}


   .flexCotizar{
        display:flex;
        justify-content:space-between;
        gap:50px;
    }

    .formularioCotizar{
        width:65%;
    }

    .formularioContactanos{
        width:34%;
        height:100%;
    }

    .formularioCotizar h2,.formularioContactanos h2{
        font-size:30px;
        color:var(--primary);
        font-weight:700;
        padding-bottom:20px;
    }



        .formularioCotizar .groupInputsAuto{
            display:flex;
            justify-content:start;
            gap:20px;
        }

        .formularioCotizar .form-group {
            margin:20px 0px;
            margin-bottom:10px;
            width:100%;
        }

        .formularioCotizar label {
            display: block;
            margin-bottom:4px;
            color: #544E4C;
            font-size:17px;
        }

        .formularioCotizar label.required:after {
            content: " *";
            color: red;
        }

        .formularioCotizar input[type="text"],
        .formularioCotizar input[type="email"],
        .formularioCotizar input[type="tel"],
        .formularioCotizar textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
            outline:none;
        }

        .formularioCotizar textarea {
            height: 100px;
            resize: vertical;
        }

        .formularioCotizar .checkbox-group {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            font-size:14px;
        }

        .formularioCotizar .checkbox-group input {
            margin-right: 7px;
            margin-top:-2px;
            border-color:var(--gray);
        }

        .formularioCotizar .checkbox-group label{
            color:var(--gray);
            font-size:14px;
        }


        /* Estilos para los elementos select */
.formularioCotizar select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 1em;
    background-color: white;
    cursor: pointer;
}

/* Estilos para el input de archivo */
.formularioCotizar input[type="file"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    background-color: white;
}

.formularioCotizar input[type="file"]::file-selector-button {
    padding: 8px 12px;
    background-color: var(--grayextralight);
    border: 1px solid #ddd;
    border-radius: 4px;
    color: var(--black);
    font-size: 14px;
    cursor: pointer;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.formularioCotizar input[type="file"]::file-selector-button:hover {
    background-color: #e0e0e0;
}

/* Estilos para mensajes pequeños (como el de formatos permitidos) */
.formularioCotizar small {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    color: var(--gray);
}

/* Estilo para mensajes de éxito (validación) */
.formularioCotizar .error[style*="color: #4CAF50"] {
    font-size: 11px;
    margin-top: 5px;
    display: block !important;
}

/* Ajuste para grupos de inputs en responsive */
@media (max-width: 768px) {
    .formularioCotizar .groupInputsAuto {
        flex-direction: column;
        gap: 10px;
    }

}


        .formularioCotizar .submit-btn {
            background-color: var(--primary);
            color: var(--white);
            border: none;
            padding: 14px 20px;
            width: 100%;
            border-radius:5px;
            font-size: 20px;
            font-weight:600;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top:40px;
        }

        .formularioCotizar .submit-btn:hover {
            background-color: var(--primaryhover);
        }

        .formularioCotizar .error {
            color: red;
            font-size: 11px;
            margin-top: 5px;
            display: none;
        }

        .formularioCotizar .g-recaptcha {
            margin-bottom:10px;
        }


        .itemContactoGen{
            padding:10px 0px;
        }

        
     .itemContactoGen h3{
        font-weight:500;
        color:var(--black);
     }

     .itemContactoGen h3 i{
        font-size:12px;
     }

     .itemContactoGen p{
        padding-top:10px;
        font-size:14px;
        color:var(--black);
        display: flex;
        align-items:center;
        gap:5px;
     }

     .itemContactoGen p i{
        color:var(--primary);
        margin-right:3px;
        background-color:var(--secondary);
        width:30px;height:30px;border-radius:3px;
        display:flex;justify-content: center;align-items:center;
     }

     .itemContactoGen a{
        text-decoration:none;
     }

     .itemContactoGen .ipPS{
        display:flex;
     }

     .itemContactoGen .ipPS p{
        padding-left:5px;
     }
     .subtitleFOrm{
        font-weight:600;
     }

     .itemContactoGen .ipPS i{
        padding-top:13px;
        padding-left:20px;
        color:var(--primary);
     }

     .controltextCotizar{
        font-size:16px;
     }

     @media(max-width:950px){
        .flexCotizar{
            flex-wrap:wrap;
        }
        .formularioCotizar,.formularioContactanos{
            width:100%;
        }
        .formularioCotizar h2, .formularioContactanos h2{
            font-size:25px;
        }
        .controltextCotizar{
            font-size:14px;
        }

        .formularioCotizar .option-buttons{
            gap:15px;
        }

        .formularioCotizar label,.formularioCotizar .checkbox-group label{
            font-size:14px;
        }

        .formularioCotizar select{
            font-size:14px;
        }

        .formularioCotizar .submit-btn{
            font-size:16px;
        }

        .subtitleFOrm{
            font-size:16px;
        }

     }



      @media(max-width:572px){
        .formularioCotizar .groupInputsAuto{
            flex-wrap:wrap;gap:0px;
        }
        .formularioCotizar label,.formularioCotizar .checkbox-group label{
            font-size:12px;
        }

        .formularioCotizar .submit-btn{
            font-size:14px;
        }

        .formularioCotizar .option-buttons{
            gap:10px;
        }

        .formularioCotizar .option-btn{
            padding:10px;
        }

        .formularioCotizar .submit-btn{
            margin-top:30px;
        }

        .itemContactoGen h3{
            font-size:14px;
        }
        .itemContactoGen p,.itemContactoGen .ipPS i{
            font-size:12px;
        }
        .itemContactoGen h3 i{
            font-size:10px;
        }

         .subtitleFOrm{
            font-size:15px;
        }
     }