#mod-tarifa-social {
    padding: var(--size-space-0);
}

#mod-tarifa-social .bloque {
    display: flex;
    flex-direction: column;
    gap: var(--size-space-24);
}

#mod-tarifa-social .bloque .bloque-tarifa-social {
    padding: var(--size-space-20);
    display: flex;
    flex-direction: column;
    gap: var(--size-space-24);
    border-radius: var(--border-radius-l);
    background: var(--Color-Surface-General-2);
}

#mod-tarifa-social .bloque .bloque-tarifa-social .bloque-imagen {
    width: 100%;
}

#mod-tarifa-social .bloque .bloque-tarifa-social .bloque-imagen img {
    width: 100%;
    border-radius: var(--border-radius-l);
    height: 250px;
    object-fit: cover;
}

#mod-tarifa-social .bloque .bloque-tarifa-social .bloque-texto {
    display: flex;
    flex-direction: column;
    gap: var(--size-space-8);
}

#mod-tarifa-social .bloque .bloque-tarifa-social .bloque-texto .titulo-bloque {
    color: var(--Color-Content-General-1);
    margin: 0;
}

#mod-tarifa-social .bloque .bloque-tarifa-social .bloque-texto .info-bloque {
    color: var(--Color-Content-General-2);
    margin: 0;
    font-family: var(--font-family-1-regular);
}

#mod-tarifa-social .bloque .bloque-info-tarifa-social {
    display: flex;
    flex-direction: column;
    gap: var(--size-space-24);
}

#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq {
    background: var(--Color-Surface-General-3);
}

#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der {
    background: var(--Color-Surface-General-4);
    height: fit-content;
}

#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq,
#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der {
    padding: var(--size-space-20);
    display: flex;
    flex-direction: column;
    gap: var(--size-space-24);
    border-radius: var(--border-radius-l);
}

#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq .titulo-bloque-izq,
#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq .info-bloque-izq,
#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der .titulo-bloque-der,
#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der .info-bloque-der {
    margin: 0;
}

#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq .info-bloque-izq,
#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der .info-bloque-der {
    color: var(--Color-Content-General-2);
    font-family: var(--font-family-1-regular);
}

#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq .bloque-info-img-izq img {
    height: 300px;
    object-fit: cover;
    width: 100%;
    border-radius: var(--border-radius-l);
}        

#mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der .bloque-info-img-der img {
    height: 300px;
    object-fit: cover;
    width: 100%;
    border-radius: var(--border-radius-l);
}

@media (min-width: 576px) {
    #mod-tarifa-social {
        padding: var(--size-space-0) var(--size-space-0) var(--size-space-64);
    }

    #mod-tarifa-social .bloque .bloque-tarifa-social .bloque-imagen img {
        height: 300px;
    }
    
    #mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq .bloque-info-img-izq img {
        height: 230px
    }
    
    #mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der .bloque-info-img-der img {
        height: 234px;
    }        
}


@media (min-width: 768px) {
    #mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq .bloque-info-img-izq img {
        height: 314px
    }
    
    #mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der .bloque-info-img-der img {
        height: 300px;
    }        
}


@media (min-width: 992px) {
    #mod-tarifa-social {
        padding: var(--size-space-64) var(--size-space-0);
    }

    #mod-tarifa-social .bloque .bloque-tarifa-social {
        flex-direction: row;
        align-items: center;
        padding: var(--size-space-32);
        gap: var(--size-space-40);
    }

    #mod-tarifa-social .bloque .bloque-tarifa-social .bloque-imagen,
    #mod-tarifa-social .bloque .bloque-tarifa-social .bloque-texto {
        width: 50%;
    }

    #mod-tarifa-social .bloque .bloque-info-tarifa-social {
        flex-direction: row;
    }

    #mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq,
    #mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der {
        width: 50%;
        padding: var(--size-space-32);
        height: auto;
        flex-direction: column-reverse;
        justify-content: flex-end;
        gap: var(--size-space-40);
    }
    
    #mod-tarifa-social .bloque .bloque-tarifa-social .bloque-imagen img {
        height: 390px;
    }
    
    #mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-izq .bloque-info-img-izq img {
        height: 300px;
    }
    
    #mod-tarifa-social .bloque .bloque-info-tarifa-social .bloque-info-der .bloque-info-img-der img {
        height: 300px;
    }   
}

@media (min-width: 1200px) {
    #mod-tarifa-social .bloque .bloque-tarifa-social .bloque-imagen img {
        height: 368px;
    }
}

@media (min-width: 1440px) {
    #mod-tarifa-social .bloque .bloque-tarifa-social .bloque-imagen img {
        height: 302px;
    }
}