@media (max-width: 1450px) {
    .contenido-modulos {
        gap: 30px;
    }
}

@media (max-width: 1165px) {
    .contenedor-modulos {
        justify-content: center;
        gap: 40px;
    }
    .contenido-modulos{
        max-width: 710px;
        margin-left: auto;
        margin-right: auto;
    }
    .item-modulo {
        width: calc(50% - 40px);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .contenido-modulos .item-modulo:nth-child(1) {
        order: 1;
    }
    .contenido-modulos .item-modulo:nth-child(2) {
        order: 3;
    }
    .contenido-modulos .item-modulo:nth-child(3) {
        order: 2;
    }
    .contenido-modulos .item-modulo:nth-child(4) {
        order: 4;
    }
}

@media (max-width: 1023px) {
    #main-contenedor{
        padding-top: 225px;
        margin-top: 0px;
    }

    .main-titulo h1 {
        margin-top: 0px;
    }

    .main-banner{
        margin-top: 0px;
    }

    .subtitulo-modulos {
        font-size: 26px;
        padding: 0 20px;
    }

    .icono-caracteristica img[alt="Plan de cuentas"]           { width: 130px; }
    .icono-caracteristica img[alt="Centralización"]            { width: 220px; }
    .icono-caracteristica img[alt="Gestión de comprobantes"]   { width: 90px; }
    .icono-caracteristica img[alt="Balance"]                   { width: 145px; }
}

@media (max-width: 837px) {
    #main-contenedor{
        padding-top: 200px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .contenedor-modulos{
        margin-top: 60px;
    }

    .reduccion-ancho-texto-segunda-tarjeta{
        max-width: 380px;
    }
}

@media (max-width: 720px) {
    .main-titulo{
        max-width: 630px;
    }
    .main-titulo h1 {
        font-size: 45px;
    }

    .main-subtexto h2 {
        font-size: 20px;
    }

    .main-imagen img {
        border-radius: 10px;
        padding: 0 0;
        box-sizing: border-box;
        max-width: 450px;
        width: 85%;
    }

    .main-boton button {
        width: 240px;
        font-size: 25px;
        height: 70px;
        margin-bottom: 40px;
    }

    .contenedor-modulos h2 {
        font-size: 30px;
    }

    .contenedor-modulos .subtitulo-modulos, .nombre-modulo {
        font-size: 20px;
    }

    .contenido-modulos{
        max-width: 415px;
    }
    .carta-modulo {
        width: 140px;
        height: 128px;
    }
    .carta-modulo #modulo1 {
        max-width: 76.95px;
        max-height: 71.34px;
    }
    .carta-modulo #modulo2 {
        max-width: 69.09px;
        max-height: 69.09px;
    }
    .carta-modulo #modulo3 {
        max-width: 70.05px;
        max-height: 66.69px;
    }
    .carta-modulo #modulo4 {
        max-width: 80px;
        max-height: 80px;
    }

    .icono-caracteristica img[alt="Plan de cuentas"]           { width: 100px; }
    .icono-caracteristica img[alt="Centralización"]            { width: 150px; }
    .icono-caracteristica img[alt="Gestión de comprobantes"]   { width: 60px; }
    .icono-caracteristica img[alt="Balance"]                   { width: 115px; }
}

@media (max-width: 590px) {
    .main-titulo h1 {
        font-size: 30px;
    }

    .main-subtexto h2 {
        font-size: 17px;
    }

    .main-boton button {
        width: 140px;
        font-size: 15px;
        height: 40px;
        border-radius: 10px;
    }

    .contenedor-modulos h2 {
        font-size: 20px;
        
    }

    .contenedor-modulos .subtitulo-modulos{
        font-size: 18px;
        margin-bottom: 60px;
    } 

    .nombre-modulo {
        font-size: 17px;
    }
}

@media (max-width: 450px) {
    #main-contenedor{
        margin-left: 10px;
        margin-right: 10px;
    }

    .main-titulo h1 {
        font-size: 26px;
    }

    .contenedor-modulos h2 {
        font-size: 17px;
    }

    .contenedor-modulos .subtitulo-modulos {
        font-size: 15px;
    }

    .nombre-modulo{
        font-size: 13px;
    }
}