.section-Inicio {
    height:auto;
    margin-bottom:3rem
}
.contenedor-principal {
    width:100%;
    text-align:center
}
.img-contact {
    width:10%;
    margin:auto
}
.titulo-contac {
    width:80%;
    margin:auto
}
.parrafo-contac {
    width:52%;
    margin:auto
}
.f-contacto {
    width:100%;
    display:flex;
    gap:4rem;
    align-items:center;
    justify-content:center
}
.iconos-con {
    display:flex;
    align-items:center;
    gap:2rem
}
.formulario-contacto {
    width:100%;
    margin:auto;
    padding:0 28%
}
input,textarea {
    width:100%;
    padding:12px;
    margin:8px 0;
    border:1px solid #999;
    border-radius:8px;
    font-size:14px;
    box-sizing:border-box
}
.input-group {
    display:flex;
    gap:10px
}
.input-group input {
    flex:1
}
textarea {
    resize:none;
    height:100px
}
.checkbox-container {
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:10px 0 20px;
    font-size:13px
}
.checkbox-container input[type="checkbox"] {
    width:18px;
    height:18px;
    cursor:pointer
}
.checkbox-container label {
    cursor:pointer
}
@media (max-width:1024px) {
    .parrafo-contac {
        width:70%
    }
    .formulario-contacto {
        padding:0 15%
    }
    .f-contacto {
        gap:2rem;
        flex-wrap:wrap
    }
}
@media (max-width:768px) {
    .img-contact {
        width:20%
    }
    .titulo-contac {
        width:90%;
        font-size:1.5rem
    }
    .parrafo-contac {
        width:90%;
        font-size:.95rem
    }
    .f-contacto {
        flex-direction:column;
        gap:1.5rem
    }
    .formulario-contacto {
        padding:0 10%
    }
    .input-group {
        flex-direction:column;
        gap:8px
    }
}
@media (max-width:480px) {
    .img-contact {
        width:25%
    }
    .titulo-contac {
        font-size:1.2rem;
        width:100%
    }
    .parrafo-contac {
        font-size:.9rem;
        width:100%
    }
    .f-contacto {
        flex-direction:column;
        gap:1rem
    }
    .iconos-con {
        gap:1rem;
        font-size:.9rem
    }
    .formulario-contacto {
        padding:0 5%
    }
    input,textarea {
        font-size:13px
    }
    .checkbox-container {
        font-size:12px;
        flex-direction:column
    }
}